Update SimpleBar height and layout styles across the editor and UI components

Author: robertpiosik

apps/editor/src/views/panel/frontend/Panel.module.scss

@@ -24,8 +24,10 @@
     display: none;
   }
 
-  [data-simplebar='init'] {
-    height: 100%;
+  :global {
+    .simplebar-content-wrapper {
+      display: flex;
+    }
   }
 }
 

packages/ui/src/components/editor/common/Scrollable/Scrollable.tsx

@@ -101,7 +101,7 @@ export const Scrollable = forwardRef<any, Props>((props, ref) => {
       <SimpleBar
         ref={simplebar_ref}
         style={{
-          // height: '100%',
+          height: '100%',
           maxHeight: props.max_height
         }}
       >

packages/ui/src/styles/global.scss

@@ -60,7 +60,7 @@ strong {
 }
 
 .simplebar-content {
-  height: 100%;
+  width: 100%;
 }
 
 .simplebar-scrollable-y {