fix(ui): restore leading spaces in conditional class concatenations

Author: waleedlatif1

apps/sim/app/(landing)/components/features/features.tsx

@@ -226,7 +226,7 @@ export default function Features() {
                   aria-selected={index === activeTab}
                   aria-controls='features-panel'
                   onClick={() => setActiveTab(index)}
-                  className={`relative h-full min-w-0 flex-1 items-center justify-center px-2 font-medium font-season text-[var(--landing-text-dark)] text-caption uppercase lg:px-0 lg:text-sm${tab.hideOnMobile ? 'hidden lg:flex' : 'flex'}${index > 0 ? 'border-[var(--divider)] border-l' : ''}`}
+                  className={`relative h-full min-w-0 flex-1 items-center justify-center px-2 font-medium font-season text-[var(--landing-text-dark)] text-caption uppercase lg:px-0 lg:text-sm${tab.hideOnMobile ? ' hidden lg:flex' : ' flex'}${index > 0 ? ' border-[var(--divider)] border-l' : ''}`}
                   style={{ backgroundColor: index === activeTab ? '#FDFDFD' : '#F6F6F6' }}
                 >
                   <span className='truncate'>{tab.label}</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/subflow-editor/subflow-editor.tsx

@@ -204,7 +204,7 @@ export function SubflowEditor({
         <div
           className={
             'connections-section flex flex-shrink-0 flex-col overflow-hidden border-[var(--border)] border-t' +
-            (!isResizing ? 'transition-[height] duration-100 ease-out' : '')
+            (!isResizing ? ' transition-[height] duration-100 ease-out' : '')
           }
           style={{ height: `${connectionsHeight}px` }}
         >
@@ -231,7 +231,7 @@ export function SubflowEditor({
             <ChevronUp
               className={
                 'h-[14px] w-[14px] transition-transform' +
-                (!isConnectionsAtMinHeight ? 'rotate-180' : '')
+                (!isConnectionsAtMinHeight ? ' rotate-180' : '')
               }
             />
             <div className='font-medium text-[var(--text-primary)] text-small'>Connections</div>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/editor.tsx

@@ -713,7 +713,7 @@ export function Editor() {
             <div
               className={
                 'connections-section flex flex-shrink-0 flex-col overflow-hidden border-[var(--border)] border-t' +
-                (!isResizing ? 'transition-[height] duration-100 ease-out' : '')
+                (!isResizing ? ' transition-[height] duration-100 ease-out' : '')
               }
               style={{ height: `${connectionsHeight}px` }}
             >
@@ -744,7 +744,7 @@ export function Editor() {
                 <ChevronUp
                   className={
                     'h-[14px] w-[14px] transition-transform' +
-                    (!isConnectionsAtMinHeight ? 'rotate-180' : '')
+                    (!isConnectionsAtMinHeight ? ' rotate-180' : '')
                   }
                 />
                 <div className='font-medium text-[var(--text-primary)] text-small'>Connections</div>