chore: setup project for production

app/accounts/profile/layout.jsx

@@ -0,0 +1,20 @@
+import AccountSidebar from "@/components/accounts/AccountSidebar";
+import Link from "next/link";
+
+export const metadata = {
+  title: "Accounts",
+};
+
+export default function layout({ children }) {
+  return (
+    <div className='bg-slate-50'>
+    <div className="flex flex-col sm:flex-row min-h-screen bg-gray-100 max-w-7xl mx-auto">
+      {/* Sidebar - flex row on mobile, column on desktop */}
+      <AccountSidebar />
+
+      {/* Main content */}
+      <main className="flex-1 p-8">{children}</main>
+    </div>
+    </div>
+  );
+}