Widen Overview, Plugins, and Loop detail to match Settings width

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: EfeAcar6431

packages/app/src/pages/Loops.tsx

@@ -349,7 +349,7 @@ function LoopDetail({ cwd, id, onBack }: { cwd: string; id: string; onBack: () =
   const running = loop.status === 'running' || loop.status === 'queued';
 
   return (
-    <div className="mx-auto max-w-4xl">
+    <div className="mx-auto w-full max-w-5xl">
       <button className="mb-4 text-sm text-muted hover:text-text" onClick={onBack}>
         ← all loops
       </button>

packages/app/src/pages/OverviewArea.tsx

@@ -7,7 +7,7 @@ import { UsagePage } from './Usage';
 export function OverviewArea(): React.ReactElement {
   const [tab, setTab] = useState('overview');
   return (
-    <div className="mx-auto w-full max-w-4xl">
+    <div className="mx-auto w-full max-w-5xl">
       <Tabs
         tabs={[
           { id: 'overview', label: 'Overview' },

packages/app/src/pages/Plugins.tsx

@@ -7,7 +7,7 @@ import { AssetsPage } from './Assets';
 export function PluginsPage({ project }: { project: string | null }): React.ReactElement {
   const [tab, setTab] = useState('installed');
   return (
-    <div className="mx-auto w-full max-w-4xl">
+    <div className="mx-auto w-full max-w-5xl">
       <Tabs
         tabs={[
           { id: 'installed', label: 'Plugins' },