Fix edit panel not fully hidden (onlook-dev#1695)

Author: Kitenite

apps/studio/src/routes/editor/EditPanel/index.tsx

@@ -220,7 +220,12 @@ export const EditPanel = observer(() => {
     }
 
     return (
-        <div className="flex flex-row h-full">
+        <div
+            className={cn(
+                'flex flex-row h-full',
+                editorEngine.mode === EditorMode.PREVIEW ? 'hidden' : 'visible',
+            )}
+        >
             {isDevPanelOpen && (
                 <ResizablePanel
                     side="right"
@@ -231,10 +236,7 @@ export const EditPanel = observer(() => {
                 >
                     <div
                         id="dev-panel"
-                        className={cn(
-                            'rounded-tl-xl transition-width duration-300 opacity-100 bg-background/95 overflow-hidden h-full',
-                            editorEngine.mode === EditorMode.PREVIEW ? 'hidden' : 'visible',
-                        )}
+                        className="rounded-tl-xl transition-width duration-300 opacity-100 bg-background/95 overflow-hidden h-full"
                     >
                         <div
                             className={cn(