feat: init

apps/web/app/(all)/profile/layout.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import type { ReactNode } from "react";
+// components
+import { CommandPalette } from "@/components/command-palette";
+// wrappers
+import { AuthenticationWrapper } from "@/lib/wrappers/authentication-wrapper";
+// layout
+import { ProfileLayoutSidebar } from "./sidebar";
+
+type Props = {
+  children: ReactNode;
+};
+
+export default function ProfileSettingsLayout(props: Props) {
+  const { children } = props;
+
+  return (
+    <>
+      <CommandPalette />
+      <AuthenticationWrapper>
+        <div className="relative flex h-full w-full overflow-hidden rounded-lg border border-custom-border-200">
+          <ProfileLayoutSidebar />
+          <main className="relative flex h-full w-full flex-col overflow-hidden bg-custom-background-100">
+            <div className="h-full w-full overflow-hidden">{children}</div>
+          </main>
+        </div>
+      </AuthenticationWrapper>
+    </>
+  );
+}