feat: add dynamic github repo and aria label

Author: luth-v

src/components/Navbar.tsx

@@ -27,7 +27,7 @@ import {
   Unauthenticated,
   AuthLoading,
 } from '~/components/AuthComponents'
-import { libraries } from '~/libraries'
+import { libraries, findLibrary } from '~/libraries'
 import { useCapabilities } from '~/hooks/useCapabilities'
 import { GithubIcon } from '~/components/icons/GithubIcon'
 import { DiscordIcon } from '~/components/icons/DiscordIcon'
@@ -40,9 +40,15 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   const matches = useMatches()
   const capabilities = useCapabilities()
 
-  const Title =
-    [...matches].reverse().find((m) => m.staticData.Title)?.staticData.Title ??
-    null
+  const { Title, library } = React.useMemo(() => {
+    const match = [...matches].reverse().find((m) => m.staticData.Title)
+    const libraryId = match?.params?.libraryId
+
+    return {
+      Title: match?.staticData.Title ?? null,
+      library: libraryId ? findLibrary(libraryId) : null,
+    }
+  }, [matches])
 
   const canAdmin = capabilities.includes('admin')
 
@@ -123,8 +129,8 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   const socialLinks = (
     <div className="flex items-center gap-2 [&_a]:opacity-70 [&_a:hover]:opacity-100 [&_svg]:text-xl">
       <a
-        href="https://github.com/tanstack"
-        aria-label="Follow TanStack on GitHub"
+        href={`https://github.com/tanstack/${library?.repo ?? ''}`}
+        aria-label={`Follow ${library?.name ?? 'TanStack'} on GitHub`}
       >
         <GithubIcon />
       </a>