Redesigned dash

PostFundManagement.PartnerUI/src/App.tsx

@@ -4,13 +4,22 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import { queryClient } from './lib/queryClient';
 import { AuthProvider, useAuth } from './auth/AuthProvider';
 import { LandingPage } from './components/landing/LandingPage';
-import { AppNavbar } from './components/layout/AppNavbar';
 import { DashboardPage } from './components/dashboard/DashboardPage';
+import { LaserDivider } from './components/layout/LaserDivider';
 
 function AuthenticatedLayout() {
   return (
-    <div className="min-h-screen bg-slate-950 text-slate-100 flex flex-col selection:bg-emerald-500/20 selection:text-emerald-300">
-      <main className="flex-1 w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 md:py-12">
+    <div className="h-screen w-screen overflow-hidden bg-slate-950 text-slate-100 flex flex-row select-none">
+      {/* Fixed-width vertical navigation pane on the left */}
+      <aside className="w-64 sm:w-72 md:w-80 shrink-0 h-full relative flex flex-col">
+        {/* Navigation placeholder / empty clean pane */}
+      </aside>
+
+      {/* Laser beam divider with central light source */}
+      <LaserDivider />
+
+      {/* Content pane occupying the rest of the screen */}
+      <main className="flex-1 h-full min-w-0 relative flex flex-col overflow-y-auto">
         <DashboardPage />
       </main>
     </div>