Merge branch 'MIN-311-handle-vertical-scroll-properly' into 'development'

fix(scroll): fix scrolling on smaller screens (MIN-311)

Closes MIN-311

See merge request !166

src/components/FunctionalArea/NavBar/NavBar.component.tsx

@@ -34,7 +34,7 @@ export const NavBar = (): JSX.Element => {
   };
 
   return (
-    <div className="flex min-h-full w-[88px] flex-col items-center justify-between bg-cultured py-8">
+    <div className="flex min-h-full w-[88px] flex-col items-center justify-between overflow-y-auto bg-cultured py-8">
       <div data-testid="nav-buttons">
         <div className="mb-8 flex flex-col gap-[10px]">
           <IconButton icon="info" onClick={openDrawerInfo} title="Project info" />

src/components/Map/Drawer/AvailablePluginsDrawer/AvailablePluginsDrawer.component.tsx

@@ -7,7 +7,7 @@ export const AvailablePluginsDrawer = (): JSX.Element => {
   return (
     <div className="h-full max-h-full" data-testid="available-plugins-drawer">
       <DrawerHeading title="Available plugins" />
-      <div className="flex flex-col gap-6 p-6">
+      <div className="flex h-[calc(100%-93px)] max-h-[calc(100%-93px)] flex-col gap-6 overflow-y-auto p-6">
         <LoadPluginFromUrl />
         <PrivateActivePlugins />
         <PublicPlugins />