Finished sidebar

src/app/(stats)/layout.tsx

@@ -0,0 +1,24 @@
+import { SearchBar } from "@/components/search-bar"
+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>
+                <SearchBar navbar />
+                <Button variant="ghost" size="icon" aria-label="Settings">
+                    <Settings className="h-5 w-5" />
+                </Button>
+            </nav>
+            <div>
+                {children}
+            </div>
+        </>
+    )
+}