feat: increase GitHub repository limit and enhance styling

- Updated repository limit from 12 to 24 in getRepos function.
- Added new icons and adjusted styles for better visual consistency in the page component.
- Modified text sizes and spacing for improved layout and readability.

components/layout/header.tsx

@@ -67,7 +67,7 @@ const Header = ({ className }: { className?: string }) => {
           <Menu />
         </div>
 
-        <div className="flex items-center gap-2">
+        <div className="flex items-center gap-2.5">
           <Button
             variant="ghost"
             size="sm"

components/layout/menu.tsx

@@ -37,7 +37,7 @@ const Menu = () => {
   return (
     <nav data-slot="navigation-menu">
       {/* Desktop: Show all buttons */}
-      <div className="hidden items-center gap-1.5 sm:flex">
+      <div className="hidden items-center gap-2 sm:flex">
         {menuItems.map((item) => {
           const isCurrent = item.href?.split("/")[1] === segment;
 

components/layout/page-title.tsx

@@ -18,7 +18,7 @@ const PageTitle = ({
   >
     <Link
       href={canonical}
-      className="text-foreground no-underline before:mr-[-3px] before:text-muted-foreground before:tracking-wider before:content-['\002E\002F']"
+      className="text-foreground no-underline before:text-muted-foreground before:tracking-wider before:content-['\002E\002F']"
     >
       {children}
     </Link>