Back to vertical tabs in workspace settings

src-web/components/Workspace.tsx

@@ -181,7 +181,7 @@ export function Workspace() {
         <div className="absolute inset-0 pointer-events-none">
           <div // Add subtle background
             style={environmentBgStyle}
-            className="absolute inset-0 opacity-5"
+            className="absolute inset-0 opacity-[0.07]"
           />
           <div // Add a subtle border bottom
             style={environmentBgStyle}

src-web/components/WorkspaceSettingsDialog.tsx

@@ -63,17 +63,17 @@ export function WorkspaceSettingsDialog({ workspaceId, hide, tab }: Props) {
 
   return (
     <Tabs
-      layout="horizontal"
       value={activeTab}
       onChangeValue={setActiveTab}
       label="Folder Settings"
-      className="pt-2 pb-2 pl-3 pr-1"
+      className="pt-4 pb-2 px-3"
+      tabListClassName="pl-4"
       addBorders
       tabs={[
-        { value: TAB_GENERAL, label: 'General' },
+        { value: TAB_GENERAL, label: 'Workspace' },
         {
           value: TAB_DATA,
-          label: 'Data',
+          label: 'Storage',
         },
         ...headersTab,
         ...authTab,