fix(scroll): fix navbar background when navbar is scrolled and drawer is open

src/components/FunctionalArea/FunctionalArea.component.tsx

@@ -10,7 +10,7 @@ export const FunctionalArea = (): JSX.Element => (
     <div className="absolute left-[88px] top-16 z-10 w-[calc(100%-88px)]">
       <MapNavigation />
     </div>
-    <div className="absolute left-0 top-16 z-10 flex h-[calc(100%-64px)] overflow-y-auto">
+    <div className="absolute left-0 top-16 z-10 flex h-[calc(100%-64px)]">
       <NavBar />
     </div>
   </>

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" />