Optimsed for mobile

www/src/components/Header.tsx

@@ -1,11 +1,8 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { ThemeToggle } from './ThemeToggle';
-import { Menu, X } from 'lucide-react';
-import { Button } from './ui/button';
 import { GitHubButton } from './GitHubButton';
 
 export function Header() {
-  const [isMenuOpen, setIsMenuOpen] = useState(false);
   const [isScrolled, setIsScrolled] = useState(false);
 
   useEffect(() => {
@@ -23,10 +20,6 @@ export function Header() {
     { href: '#installation', label: 'Installation' }
   ];
 
-  const handleNavClick = () => {
-    setIsMenuOpen(false);
-  };
-
   return (
     <header className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${
       isScrolled ? 'backdrop-blur-lg bg-background/80 border-b shadow-sm' : 'bg-background/50'
@@ -45,7 +38,7 @@ export function Header() {
               alt="Gitea Mirror Logo"
               className="h-6 w-6 hidden dark:block"
             />
-            <span className="text-xl font-bold hidden sm:inline">Gitea Mirror</span>
+            <span className="text-lg sm:text-xl font-bold">Gitea Mirror</span>
           </a>
 
           {/* Desktop Navigation */}
@@ -68,47 +61,13 @@ export function Header() {
           </div>
 
           {/* Mobile Actions */}
-          <div className="flex md:hidden items-center gap-2">
+          <div className="flex md:hidden items-center gap-3">
+            <GitHubButton />
             <ThemeToggle />
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={() => setIsMenuOpen(!isMenuOpen)}
-              aria-label="Toggle menu"
-              className="w-10 h-10"
-            >
-              {isMenuOpen ? (
-                <X className="h-5 w-5" />
-              ) : (
-                <Menu className="h-5 w-5" />
-              )}
-            </Button>
           </div>
         </div>
       </div>
 
-      {/* Mobile Menu */}
-      <div className={`md:hidden transition-all duration-300 ease-in-out ${
-        isMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0 overflow-hidden'
-      }`}>
-        <div className="bg-background/95 backdrop-blur-lg border-b">
-          <nav className="px-4 py-4 space-y-3">
-            {navLinks.map((link) => (
-              <a
-                key={link.href}
-                href={link.href}
-                onClick={handleNavClick}
-                className="block py-2 text-base font-medium text-muted-foreground hover:text-foreground transition-colors"
-              >
-                {link.label}
-              </a>
-            ))}
-            <div className="pt-3 border-t">
-              <GitHubButton />
-            </div>
-          </nav>
-        </div>
-      </div>
     </header>
   );
 }