enable scrolling of panel content when there are many items

apps/designer/app/designer/features/sidebar-left/sidebar-left.tsx

@@ -72,6 +72,8 @@ export const SidebarLeft = ({ publish }: SidebarLeftProps) => {
               dragAndDropState.isDragging && dragAndDropState.origin === "panel"
                 ? "hidden"
                 : "visible",
+            display: "flex",
+            flexDirection: "column",
           }}
         >
           <TabContent publish={publish} onSetActiveTab={setActiveTab} />

apps/designer/app/designer/shared/assets/assets-shell.tsx

@@ -23,8 +23,7 @@ export const AssetsShell = ({
       direction="column"
       css={{
         overflow: "hidden",
-        paddingTop: "$spacing$3",
-        paddingBottom: "$spacing$9",
+        py: "$spacing$5",
       }}
     >
       <Flex
@@ -41,6 +40,7 @@ export const AssetsShell = ({
         css={{
           flexDirection: "column",
           px: "$spacing$9",
+          overflow: "auto",
         }}
       >
         {children}