Feat: Build out server shell

Frontend/src/components/shell/WorkspaceSidebar/WorkspaceSidebar.module.scss

@@ -1,6 +1,7 @@
 .sidebar {
   --sidebar-nav-item-min-height: var(--control-size-lg);
   --sidebar-dock-clearance: 8rem;
+  position: relative;
   min-width: 0;
   min-height: 0;
   display: grid;
@@ -8,28 +9,17 @@
   gap: var(--space-4);
   padding: var(--space-4);
   overflow: hidden;
+  border-top-left-radius: inherit;
+  isolation: isolate;
 }
 
 .header {
   display: grid;
-  gap: 0.2rem;
+  gap: var(--space-2);
 }
 
-.eyebrow {
-  @include text-caption;
-  color: var(--color-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.title {
-  @include text-title;
-}
-
-.meta {
-  @include text-caption;
-  color: var(--color-text-muted);
-  max-width: 28ch;
+.headerDrawerOpen {
+  z-index: 4;
 }
 
 .section {
@@ -37,6 +27,17 @@
   grid-template-rows: auto minmax(0, 1fr);
   gap: var(--space-2);
   min-height: 0;
+  position: relative;
+  z-index: 1;
+  transition:
+    opacity 180ms var(--easing-standard),
+    transform 220ms var(--easing-standard);
+}
+
+.sectionHidden {
+  opacity: 0;
+  pointer-events: none;
+  transform: translateX(var(--space-3));
 }
 
 .navScroller {
@@ -78,7 +79,7 @@
   border-color: var(--color-border);
   background: var(--color-surface);
   color: var(--color-text);
-  box-shadow: var(--shadow-soft);
+  box-shadow: inset 0 1px 0 color-mix(in srgb, white 4%, transparent);
 }
 
 .icon {