Added sidebar

src/app/dashboard/page.tsx

@@ -2,5 +2,7 @@ import getSession from "@/hooks/getSession";
 
 export default async function Dashboard() {
   const session = await getSession();
-  
+  return (
+    <h1>test</h1>
+  )
 }

src/app/globals.css

@@ -121,7 +121,6 @@
   --sidebar-ring: oklch(0.556 0 0);
 } */
 
-
 :root {
   --background: oklch(0.9653 0.0069 247.8959);
   --foreground: oklch(0.2077 0.0398 265.7549);

src/app/layout.tsx

@@ -1,20 +1,10 @@
 import type { Metadata } from "next";
-import { Roboto, Roboto_Mono } from "next/font/google";
 import "./globals.css";
-
-const robotoSans = Roboto({
-  variable: "--font-roboto-sans",
-  subsets: ["latin"],
-});
-
-const robotoMono = Roboto_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
+import AppLayout from "@/components/AppLayout"; // import your wrapper
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Sentryx Control Panel",
+  description: "A multi-server control panel by ORUS",
 };
 
 export default function RootLayout({
@@ -24,10 +14,8 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body
-        className={`${robotoSans.variable} ${robotoMono.variable} antialiased dark`}
-      >
-        {children}
+      <body className="antialiased dark">
+        <AppLayout>{children}</AppLayout>
       </body>
     </html>
   );