feat(dashboard): Reflow differently. This is probably just a stop-gap until we get fully resizing widgets implemented.

src/components/Layout.tsx

@@ -1,7 +1,16 @@
+'use client';
+
+import { useSelectedLayoutSegments } from 'next/navigation';
+
 const Layout = ({ children }: { children: React.ReactNode }) => {
+  const segments = useSelectedLayoutSegments();
+  const isDashboard = segments.includes('dashboard');
+
   return (
     <main className="lg:pl-20 bg-light-primary dark:bg-dark-primary min-h-screen">
-      <div className="max-w-screen-lg lg:mx-auto mx-4">{children}</div>
+      <div className={isDashboard ? "mx-4" : "max-w-screen-lg lg:mx-auto mx-4"}>
+        {children}
+      </div>
     </main>
   );
 };