Move Invites link from athlete page to settings; type pill active state contrast fix

site/src/pages/settings/index.astro

@@ -134,6 +134,16 @@ import Base from '../../layouts/Base.astro';
       </div>
     </section>
 
+    <!-- Invites card -->
+    <section class="mb-6 rounded-xl bg-zinc-900 border border-zinc-800 p-5">
+      <h2 class="text-sm font-semibold text-zinc-400 uppercase tracking-wider mb-1">Invites</h2>
+      <p class="text-xs text-zinc-600 mb-4">Invite others to join Bincio.</p>
+      <a href="/invites/"
+        class="inline-block px-4 py-2 rounded-lg text-sm bg-zinc-700 hover:bg-zinc-600 text-white transition-colors">
+        Manage invites
+      </a>
+    </section>
+
     <!-- Danger zone -->
     <section class="rounded-xl bg-zinc-900 border border-red-900/40 p-5">
       <h2 class="text-sm font-semibold text-red-400/70 uppercase tracking-wider mb-4">Danger zone</h2>

site/src/pages/u/[handle]/athlete/index.astro

@@ -30,10 +30,6 @@ const athleteUrl = `${mergedBase}athlete.json`;
           <a href={`${base}u/${handle}/athlete/`} class="text-sm text-[--accent]">Athlete</a>
         </nav>
       </div>
-      <a id="invites-btn" href={`${base}invites/`}
-        class="hidden mt-1 px-3 py-1.5 text-xs border border-zinc-700 hover:border-zinc-500 text-zinc-400 hover:text-white rounded-md transition-colors">
-        Invites
-      </a>
     </div>
   </div>
   <AthleteView {base} {indexUrl} {athleteUrl} {handle} client:only="svelte" />
@@ -42,7 +38,6 @@ const athleteUrl = `${mergedBase}athlete.json`;
   function applyMeCheck(me) {
     if (me === handle) {
       document.getElementById('profile-subnav')?.remove();
-      document.getElementById('invites-btn')?.classList.remove('hidden');
     }
   }
   if (window.__bincioMe !== undefined) {