fix(web): match stop/running chip sizes, fix AppShell flex layout

- Stop button uses Chip component (same as status) for consistent size
- AppShell main is flex-col so children can use h-full
- Remove overflow-hidden from root (was blocking dashboard scroll)
- Add overflow-auto on main for pages that need scrolling

Author: mariuspruvot

apps/web/src/features/session/ContainerSession.tsx

@@ -475,14 +475,13 @@ export default function ContainerSession({
           <span data-testid="session-status"><Chip variant={statusVariant}>{status}</Chip></span>
 
           {isRunning && (
-            <button
+            <span
               onClick={handleStop}
-              disabled={stopping}
               data-testid="stop-button"
-              className="font-mono text-[11px] font-medium px-2 py-0.5 rounded-default border border-danger/35 text-danger bg-danger/10 hover:bg-danger/20 transition-colors cursor-pointer disabled:opacity-40"
+              className={`cursor-pointer hover:brightness-125 transition-all ${stopping ? 'opacity-40 pointer-events-none' : ''}`}
             >
-              {stopping ? 'stopping...' : 'stop'}
-            </button>
+              <Chip variant="danger">{stopping ? 'stopping...' : 'stop'}</Chip>
+            </span>
           )}
         </div>
       </div>

apps/web/src/shared/components/AppShell.tsx

@@ -7,10 +7,10 @@ interface AppShellProps {
 
 export function AppShell({ children }: AppShellProps) {
   return (
-    <div className="relative h-screen flex flex-col bg-bg text-ink overflow-hidden">
+    <div className="relative h-screen flex flex-col bg-bg text-ink">
       <GrainOverlay />
       <Topbar />
-      <main className="relative flex-1 min-h-0 max-w-[1120px] w-full mx-auto px-5 py-6">
+      <main className="relative flex-1 min-h-0 flex flex-col max-w-[1120px] w-full mx-auto px-5 py-6 overflow-auto">
         {children}
       </main>
     </div>