adding community tab

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

@@ -23,15 +23,25 @@ const labels = {
       </div>
     </div>
     <p class="text-sm text-zinc-500 mb-4">Tracciamento attività open-source e self-hosted</p>
-    <a
-      href="https://ko-fi.com/brutsalvadi"
-      target="_blank"
-      rel="noopener noreferrer"
-      class="inline-flex items-center gap-2 mb-8 px-4 py-2 rounded-lg text-sm font-medium transition-opacity hover:opacity-90"
-      style="background:#FF5E5B; color:#fff;"
-    >
-      ☕ Supporta su Ko-fi
-    </a>
+    <div class="flex flex-wrap gap-2 mb-8">
+      <a
+        href="https://ko-fi.com/brutsalvadi"
+        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:#FF5E5B; color:#fff;"
+      >
+        ☕ Supporta su Ko-fi
+      </a>
+      <a
+        id="feedback-btn"
+        href="/feedback/"
+        style="display:none"
+        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"
+      >
+        💬 Invia feedback
+      </a>
+    </div>
 
     <div class="space-y-8 text-sm text-zinc-400 leading-relaxed">
 
@@ -145,6 +155,8 @@ 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 {