fix(drawer): change z indexes

src/components/FunctionalArea/FunctionalArea.component.tsx

@@ -4,13 +4,13 @@ import { MapNavigation } from '@/components/FunctionalArea/MapNavigation';
 
 export const FunctionalArea = (): JSX.Element => (
   <>
-    <div className="absolute top-0 left-0 z-20 w-full">
+    <div className="absolute top-0 left-0 z-10 w-full">
       <TopBar />
     </div>
-    <div className="absolute left-[88px] top-16 z-20 w-[calc(100%-88px)]">
+    <div className="absolute left-[88px] top-16 z-10 w-[calc(100%-88px)]">
       <MapNavigation />
     </div>
-    <div className="absolute top-16 left-0 z-20 h-[calc(100%-64px)] flex">
+    <div className="absolute top-16 left-0 z-10 h-[calc(100%-64px)] flex">
       <NavBar />
     </div>
   </>

src/components/Map/Map.component.tsx

@@ -3,7 +3,7 @@ import { Drawer } from '@/components/Map/Drawer';
 import Image from 'next/image';
 
 export const Map = (): JSX.Element => (
-  <div className="w-100 h-screen bg-black relative" data-testid="map-container">
+  <div className="w-100 h-screen bg-black relative z-0" data-testid="map-container">
     <Drawer />
     <Image src={mapImg} fill sizes="100vw" alt="map" className="z-0" />
   </div>