Finished sidebar

src/app/(main)/layout.tsx

@@ -0,0 +1,22 @@
+import { Button } from "@/components/ui/button"
+import { Settings } from "lucide-react"
+import Link from "next/link"
+import { ReactNode } from "react"
+
+export default function RootLayout({ children }: Readonly<{ children: ReactNode }>) {
+    return (
+        <>
+            <nav className="flex items-center justify-between px-6 py-4 border-b">
+                <Link href="/">
+                    <span className="font-semibold text-lg">Hypixel Stats</span>
+                </Link>
+                <Button variant="ghost" size="icon" aria-label="Settings">
+                    <Settings className="h-5 w-5" />
+                </Button>
+            </nav>
+            <div>
+                {children}
+            </div>
+        </>
+    )
+}

src/app/(main)/page.tsx

@@ -0,0 +1,12 @@
+import { SearchBar } from "@/components/search-bar"
+
+export default function Home() {
+    return (
+        <div className="min-h-screen flex flex-col items-center">
+            <div className="mt-[20vh]">
+                <h1 className="text-4xl font-bold text-center">Stats Hypixel</h1>
+            </div>
+            <SearchBar />
+        </div>
+    )
+}