fix inspector layout when style panel sections are collapsed

it was using flex-direction raw by default which led to that space, no idea though why it worked when opened

apps/designer/app/designer/designer.tsx

@@ -155,6 +155,7 @@ const SidePanel = ({
       css={{
         gridArea,
         display: "flex",
+        flexDirection: "column",
         px: 0,
         fg: 0,
         // Left sidebar tabs won't be able to pop out to the right if we set overflowX to auto.

apps/designer/app/designer/features/inspector/inspector.tsx

@@ -42,7 +42,14 @@ export const Inspector = ({ publish }: InspectorProps) => {
 
   return (
     <FloatingPanelProvider container={tabsRef}>
-      <Tabs defaultValue="style" ref={tabsRef}>
+      <Tabs
+        defaultValue="style"
+        ref={tabsRef}
+        css={{
+          // minHeight is required to get flex item height apply to this container
+          minHeight: 1,
+        }}
+      >
         <TabsList>
           <TabsTrigger value="style">
             <Text>Style</Text>