Use icon-only GitHub header action

Updates the header GitHub link to an icon-only button by switching to the `icon-sm` button variant and removing the visible "GitHub" text. Also refreshes the `GitHubIcon` SVG markup/path for the new visual, while keeping accessibility labeling on the link.

Author: ProgrammerNomad

components/github-icon.tsx

@@ -1,12 +1,13 @@
 export function GitHubIcon({ className }: { className?: string }) {
   return (
     <svg
+      role="img"
       viewBox="0 0 24 24"
+      fill="currentColor"
       aria-hidden="true"
       className={className}
-      fill="currentColor"
     >
-      <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-1.125-.195-2.805-.78-2.805-3.465 0-.78.285-1.41.75-1.905-.075-.195-.33-.975.075-2.025 0 0 .615-.195 2.025.735.585-.165 1.215-.255 1.845-.255.63 0 1.26.09 1.845.255 1.41-.945 2.025-.735 2.025-.735.405 1.05.15 1.83.075 2.025.465.495.75 1.125.75 1.905 0 2.685-1.695 3.27-2.82 3.465-.45.195-1.05.66-1.23 1.695-.195.675-.975 1.965-4.035 1.41 0 1.005-.015 1.95-.015 2.235 0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z" />
+      <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
     </svg>
   );
 }

components/site-header.tsx

@@ -36,10 +36,9 @@ export function SiteHeader() {
             target="_blank"
             rel="noopener noreferrer"
             aria-label="GitHub repository"
-            className={cn(buttonVariants({ variant: "outline", size: "sm" }))}
+            className={cn(buttonVariants({ variant: "outline", size: "icon-sm" }))}
           >
             <GitHubIcon className="size-4" />
-            <span className="hidden sm:inline">GitHub</span>
           </a>
         </div>
       </div>