chore: cleanup

packages/app/src/pages/layout.tsx

@@ -2001,8 +2001,8 @@ export default function Layout(props: ParentProps) {
             </DragDropProvider>
           </div>
           <div class="shrink-0 w-full pt-3 pb-3 flex flex-col items-center gap-2">
-            <Tooltip placement={sidebarProps.mobile ? "bottom" : "right"} value="Settings" class="hidden">
-              <IconButton disabled icon="settings-gear" variant="ghost" size="large" />
+            <Tooltip placement={sidebarProps.mobile ? "bottom" : "right"} value="Settings">
+              <IconButton icon="settings-gear" variant="ghost" size="large" onClick={openSettings} />
             </Tooltip>
             <Tooltip placement={sidebarProps.mobile ? "bottom" : "right"} value="Help">
               <IconButton

packages/ui/src/components/select.css

@@ -53,11 +53,7 @@
   background-color: var(--surface-raised-stronger-non-alpha);
   padding: 2px;
   box-shadow: var(--shadow-xs-border);
-  z-index: 50;
-
-  &[data-closed] {
-    animation: select-close 0.15s ease-out;
-  }
+  z-index: 60;
 
   &[data-expanded] {
     animation: select-open 0.15s ease-out;
@@ -80,9 +76,6 @@
     }
   }
 
-  /* [data-slot="select-section"] { */
-  /* } */
-
   [data-slot="select-select-item"] {
     position: relative;
     display: flex;
@@ -142,13 +135,3 @@
   }
 }
 
-@keyframes select-close {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-}

packages/ui/src/components/switch.css

@@ -1,4 +1,5 @@
 [data-component="switch"] {
+  position: relative;
   display: flex;
   align-items: center;
   gap: 8px;