Fix images overflow in media picker (#2625)

* Fix scroll bar in media picker

* Update storybook types

src/products/components/ProductVariantImageSelectDialog/ProductVariantMediaSelectDialog.tsx

@@ -30,6 +30,9 @@ const useStyles = makeStyles(
       position: "relative",
       transitionDuration: theme.transitions.duration.standard + "ms",
     },
+    content: {
+      overflowY: "scroll",
+    },
     root: {
       display: "grid",
       gridColumnGap: theme.spacing(2),
@@ -70,7 +73,7 @@ const ProductVariantMediaSelectDialog: React.FC<ProductVariantImageSelectDialogP
           description="dialog header"
         />
       </DialogTitle>
-      <DialogContent>
+      <DialogContent className={classes.content}>
         <div className={classes.root}>
           {media
             .sort((prev, next) => (prev.sortOrder > next.sortOrder ? 1 : -1))

src/storybook/config.js

@@ -1,6 +1,11 @@
 /* eslint-disable */
 import requireContext from "require-context.macro";
 import { configure } from "@storybook/react";
+import { getAppDefaultUri } from "@saleor/config";
+
+window.__SALEOR_CONFIG__ = {
+  APP_MOUNT_URI: window.__SALEOR_CONFIG__?.APP_MOUNT_URI || getAppDefaultUri(),
+};
 
 const req = requireContext("../", true, /.stories.tsx$/);