Feat: Add collapsible shell

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

@@ -1,7 +1,6 @@
 .rail {
   --rail-workspace-size: var(--control-size-lg);
   --rail-action-size: var(--control-size-md);
-  --rail-dock-clearance: 8rem;
   position: relative;
   z-index: 3;
   flex: 1;
@@ -10,10 +9,19 @@
   flex-direction: column;
   align-items: center;
   gap: var(--space-3);
-  padding: var(--space-3) var(--space-2) calc(var(--space-3) + var(--rail-dock-clearance));
+  padding: var(--space-3) var(--space-2) calc(var(--space-3) + var(--rail-dock-clearance, 8rem));
   overflow: visible;
 }
 
+.railCollapsed {
+  --rail-workspace-size: calc(var(--control-size-md) + 0.1rem);
+  --rail-action-size: calc(var(--control-size-md) + 0.1rem);
+  justify-content: flex-start;
+  gap: 0;
+  padding-top: var(--space-4);
+  padding-inline: var(--space-1);
+}
+
 .topCluster,
 .bottomCluster {
   width: 100%;
@@ -25,12 +33,22 @@
 
 .bottomCluster {
   margin-top: auto;
+  margin-bottom: var(--rail-bottom-offset, 0rem);
 }
 
 .topCluster {
   gap: var(--space-3);
 }
 
+.railCollapsed .topCluster {
+  gap: var(--space-3);
+}
+
+.railCollapsed .topCluster,
+.railCollapsed .bottomCluster {
+  align-items: center;
+}
+
 .items {
   width: 100%;
   min-height: 0;