fix(ui): remove whitespace between components for integrated layout

ui/src/components/LayoutShell.tsx

@@ -268,7 +268,7 @@ function LayoutContent() {
         <ContentTabs active={scope.tab} onChange={setTab} scope={scope} />
       )}
 
-      <main style={{ flex: 1, overflow: 'auto', padding: isAdminPage ? '1.5rem' : '0.75rem 1.5rem' }}>
+      <main style={{ flex: 1, overflow: 'auto', padding: isAdminPage ? '1.5rem' : 0 }}>
         <Outlet />
       </main>
     </AppShell>

ui/src/pages/Dashboard/Dashboard.module.css

@@ -2,7 +2,6 @@
 .content {
   flex: 1;
   overflow-y: auto;
-  padding: 20px 24px 40px;
   min-width: 0;
   background: var(--bg-body);
 }
@@ -15,9 +14,7 @@
 /* Table section */
 .tableSection {
   background: var(--bg-surface);
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-lg);
-  box-shadow: var(--shadow-card);
+  border-bottom: 1px solid var(--border-subtle);
   overflow: hidden;
 }
 
@@ -25,7 +22,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 12px 16px;
+  padding: 8px 12px;
   border-bottom: 1px solid var(--border-subtle);
 }