about: add Satispay donation button + QR code; remove feedback button (all locales)

site/src/pages/about/ca/index.astro

@@ -23,7 +23,7 @@ const labels = {
       </div>
     </div>
     <p class="text-sm text-zinc-500 mb-4">Seguiment d'activitats de codi obert i allotjament propi</p>
-    <div class="flex flex-wrap gap-2 mb-8">
+    <div class="flex flex-wrap gap-2 mb-4">
       <a
         href="https://ko-fi.com/brutsalvadi"
         target="_blank"
@@ -34,14 +34,22 @@ const labels = {
         ☕ Dona suport a Ko-fi
       </a>
       <a
-        id="feedback-btn"
+        href="https://web.satispay.com/download/qrcode/S6Y-CON--BE9BD345-4499-4C1D-9AC3-D62FC5FF0AD4"
-        href="/feedback/"
+        target="_blank"
-        style="display:none"
+        rel="noopener noreferrer"
-        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-zinc-700 text-zinc-300 hover:text-white hover:border-zinc-500 transition-colors"
+        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
+        style="background:#E3162C; color:#fff;"
       >
-        💬 Envia comentaris
+        Satispay @brutsalvadi
       </a>
     </div>
+    <div class="mb-8">
+      <img
+        src="/satispay-qr.jpg"
+        alt="QR code Satispay — @brutsalvadi"
+        class="w-36 h-36 rounded-xl"
+      />
+    </div>
 
     <div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
 
@@ -156,8 +164,6 @@ const labels = {
   try {
     const me = await fetch('/api/me', { credentials: 'include' });
     if (!me.ok) return;
-    const feedbackBtn = document.getElementById('feedback-btn');
-    if (feedbackBtn) feedbackBtn.style.display = '';
   } catch { return; }
   let data;
   try {

site/src/pages/about/es/index.astro

@@ -23,7 +23,7 @@ const labels = {
       </div>
     </div>
     <p class="text-sm text-zinc-500 mb-4">Seguimiento de actividades open-source y autoalojado</p>
-    <div class="flex flex-wrap gap-2 mb-8">
+    <div class="flex flex-wrap gap-2 mb-4">
       <a
         href="https://ko-fi.com/brutsalvadi"
         target="_blank"
@@ -34,14 +34,22 @@ const labels = {
         ☕ Apoya en Ko-fi
       </a>
       <a
-        id="feedback-btn"
+        href="https://web.satispay.com/download/qrcode/S6Y-CON--BE9BD345-4499-4C1D-9AC3-D62FC5FF0AD4"
-        href="/feedback/"
+        target="_blank"
-        style="display:none"
+        rel="noopener noreferrer"
-        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-zinc-700 text-zinc-300 hover:text-white hover:border-zinc-500 transition-colors"
+        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
+        style="background:#E3162C; color:#fff;"
       >
-        💬 Enviar comentarios
+        Satispay @brutsalvadi
       </a>
     </div>
+    <div class="mb-8">
+      <img
+        src="/satispay-qr.jpg"
+        alt="QR code Satispay — @brutsalvadi"
+        class="w-36 h-36 rounded-xl"
+      />
+    </div>
 
     <div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
 
@@ -155,8 +163,6 @@ const labels = {
   try {
     const me = await fetch('/api/me', { credentials: 'include' });
     if (!me.ok) return;
-    const feedbackBtn = document.getElementById('feedback-btn');
-    if (feedbackBtn) feedbackBtn.style.display = '';
   } catch { return; }
   let data;
   try {

site/src/pages/about/index.astro

@@ -24,7 +24,7 @@ const labels = {
       </div>
     </div>
     <p class="text-sm text-zinc-500 mb-4">Open-source, self-hosted activity tracking</p>
-    <div class="flex flex-wrap gap-2 mb-8">
+    <div class="flex flex-wrap gap-2 mb-4">
       <a
         href="https://ko-fi.com/brutsalvadi"
         target="_blank"
@@ -34,6 +34,22 @@ const labels = {
       >
         ☕ Support on Ko-fi
       </a>
+      <a
+        href="https://web.satispay.com/download/qrcode/S6Y-CON--BE9BD345-4499-4C1D-9AC3-D62FC5FF0AD4"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
+        style="background:#E3162C; color:#fff;"
+      >
+        Satispay @brutsalvadi
+      </a>
+    </div>
+    <div class="mb-8">
+      <img
+        src="/satispay-qr.jpg"
+        alt="Satispay QR code — @brutsalvadi"
+        class="w-36 h-36 rounded-xl"
+      />
     </div>
 
     <div class="space-y-8 text-sm text-zinc-400 leading-relaxed">

site/src/pages/about/it/index.astro

@@ -23,7 +23,7 @@ const labels = {
       </div>
     </div>
     <p class="text-sm text-zinc-500 mb-4">Tracciamento attività open-source e self-hosted</p>
-    <div class="flex flex-wrap gap-2 mb-8">
+    <div class="flex flex-wrap gap-2 mb-4">
       <a
         href="https://ko-fi.com/brutsalvadi"
         target="_blank"
@@ -34,14 +34,22 @@ const labels = {
         ☕ Supporta su Ko-fi
       </a>
       <a
-        id="feedback-btn"
+        href="https://web.satispay.com/download/qrcode/S6Y-CON--BE9BD345-4499-4C1D-9AC3-D62FC5FF0AD4"
-        href="/feedback/"
+        target="_blank"
-        style="display:none"
+        rel="noopener noreferrer"
-        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium border border-zinc-700 text-zinc-300 hover:text-white hover:border-zinc-500 transition-colors"
+        class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
+        style="background:#E3162C; color:#fff;"
       >
-        💬 Invia feedback
+        Satispay @brutsalvadi
       </a>
     </div>
+    <div class="mb-8">
+      <img
+        src="/satispay-qr.jpg"
+        alt="QR code Satispay — @brutsalvadi"
+        class="w-36 h-36 rounded-xl"
+      />
+    </div>
 
     <div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
 
@@ -155,8 +163,6 @@ const labels = {
   try {
     const me = await fetch('/api/me', { credentials: 'include' });
     if (!me.ok) return;
-    const feedbackBtn = document.getElementById('feedback-btn');
-    if (feedbackBtn) feedbackBtn.style.display = '';
   } catch { return; }
   let data;
   try {