Updated header and added not found page

src/app/(main)/layout.tsx

@@ -1,18 +1,10 @@
-import { ThemeSwitcher } from "@/components/theme-switcher"
-import Link from "next/link"
+import Header from "@/components/header"
 import { ReactNode } from "react"
 
 export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
     return (
         <>
-            <header className="fixed w-screen bg-background/50 backdrop-blur-sm">
-                <nav className="flex justify-between items-center px-6 border-b h-header">
-                    <Link href="/">
-                        <span className="text-lg font-semibold">Hypixel Stats</span>
-                    </Link>
-                    <ThemeSwitcher />
-                </nav>
-            </header>
+            <Header />
             <div className="pt-header">
                 {children}
             </div>