feat: Add favicon and logo, update header to use the new logo, and configure app icons.

src/app/layout.tsx

@@ -8,6 +8,11 @@ const inter = Inter({ subsets: ['latin'] })
 export const metadata: Metadata = {
   title: 'RepoHub - Cross-Platform Package Manager',
   description: 'Simplify software installation across Linux, Windows, and macOS with official repositories',
+  icons: {
+    icon: '/logo.png',
+    shortcut: '/logo.png',
+    apple: '/logo.png',
+  },
 }
 
 export default function RootLayout({

src/components/Header.tsx

@@ -6,6 +6,7 @@ import { useTheme } from '@/hooks/useTheme'
 import { useLocale } from '@/contexts/LocaleContext'
 import { SupportModal } from '@/components/SupportModal'
 import { Sun, Moon, Monitor, Globe, Heart } from 'lucide-react'
+import Image from 'next/image'
 
 export function Header() {
   const { theme, isDark, toggleTheme } = useTheme()
@@ -54,9 +55,14 @@ export function Header() {
     <>
       <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
         <div className="container flex h-14 items-center justify-between">
-        <div className="flex items-center space-x-2">
+          <div className="flex items-center space-x-1">
-          <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground">
+            <div className="relative h-12 w-12">
-            <span className="text-sm font-bold">RH</span>
+              <Image
+                src="/logo.png"
+                alt="RepoHub Logo"
+                fill
+                className="object-contain"
+              />
             </div>
             <span className="hidden font-bold sm:inline-block">
               RepoHub