first commit

frontend/components/layout/page-shell.tsx

@@ -0,0 +1,18 @@
+import { cn } from "@/lib/utils";
+
+interface PageShellProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+/**
+ * Standard page wrapper — enforces consistent vertical spacing across all pages.
+ * Every (dashboard) page should wrap its content in this component.
+ */
+export function PageShell({ children, className }: PageShellProps) {
+  return (
+    <div className={cn("space-y-6", className)}>
+      {children}
+    </div>
+  );
+}