feat: add github on navbar

Author: luth-v

src/components/Navbar.tsx

@@ -123,34 +123,30 @@ export function Navbar({ children }: { children: React.ReactNode }) {
   )
 
   const socialLinks = (
-    <div className="flex items-center gap-1">
+    <div className="flex items-center gap-2 [&_a]:opacity-70 [&_a:hover]:opacity-100 [&_svg]:text-xl">
       <a
-        href="https://x.com/tan_stack"
-        className="opacity-70 hover:opacity-100"
-        aria-label="Follow TanStack on X.com"
+        href="https://github.com/tanstack"
+        aria-label="Follow TanStack on GitHub"
       >
-        <BrandXIcon className="text-xl" />
+        <GithubIcon />
+      </a>
+      <a href="https://x.com/tan_stack" aria-label="Follow TanStack on X.com">
+        <BrandXIcon />
       </a>
       <a
         href="https://bsky.app/profile/tanstack.com"
-        className="opacity-70 hover:opacity-100"
         aria-label="Follow TanStack on Besky"
       >
-        <BSkyIcon className="text-xl" />
+        <BSkyIcon />
       </a>
       <a
         href="https://instagram.com/tan_stack"
-        className="opacity-70 hover:opacity-100"
         aria-label="Follow TanStack on Instagram"
       >
-        <InstagramIcon className="text-xl" />
+        <InstagramIcon />
       </a>
-      <a
-        href="https://tlinz.com/discord"
-        className="opacity-70 hover:opacity-100"
-        aria-label="Join TanStack Discord"
-      >
-        <DiscordIcon className="text-xl" />
+      <a href="https://tlinz.com/discord" aria-label="Join TanStack Discord">
+        <DiscordIcon />
       </a>
     </div>
   )