web: move sidebar fold into frame

web/workspace/src/routes/+layout.svelte

@@ -3,6 +3,7 @@
   import { setContext } from 'svelte';
   import WorkspaceAlerts from '$lib/workspace/alerts/WorkspaceAlerts.svelte';
   import GlobalSidebar from '$lib/workspace/sidebar/GlobalSidebar.svelte';
+  import SidebarFrame from '$lib/workspace/sidebar/SidebarFrame.svelte';
   import { SIDEBAR_CONTEXT, type SidebarSnippet } from '$lib/workspace/sidebar/context';
   import '../app.css';
   import type { LayoutProps } from './$types';
@@ -23,11 +24,13 @@
 <WorkspaceAlerts />
 
 <div class="workspace-layout">
-  {#if sidebar}
-    {@render sidebar()}
-  {:else}
-    <GlobalSidebar currentPath={page.url.pathname} />
-  {/if}
+  <SidebarFrame>
+    {#if sidebar}
+      {@render sidebar()}
+    {:else}
+      <GlobalSidebar currentPath={page.url.pathname} />
+    {/if}
+  </SidebarFrame>
   <header class="workspace-topbar">
     <nav class="workspace-topbar-actions" aria-label="Global navigation">
       <a class="topbar-icon-button" href="/account" aria-label="Open Account" title="Account">

web/workspace/src/routes/w/[workspaceId]/+layout.svelte

@@ -5,11 +5,6 @@
   import type { LayoutProps } from './$types';
 
   let { data, children }: LayoutProps = $props();
-  let sidebarFolded = $state(false);
-
-  function toggleSidebarFold() {
-    sidebarFolded = !sidebarFolded;
-  }
 </script>
 
 {#snippet workspaceSidebar()}
@@ -19,8 +14,6 @@
     repositories={data.repositories ?? null}
     repositoriesError={data.repositoriesError ?? null}
     currentPath={page.url.pathname}
-    folded={sidebarFolded}
-    onToggleFold={toggleSidebarFold}
   />
 {/snippet}