fix: overlays legends not shown

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

@@ -3,6 +3,7 @@ import { currentStepOverlayDrawerStateSelector } from '@/redux/drawer/drawer.sel
 import { useAppSelector } from '@/redux/hooks/useAppSelector';
 import { DrawerHeading } from '@/shared/DrawerHeading';
 import { GeneralOverlays } from './GeneralOverlays';
+import { OverlaysLegends } from './OverlaysLegends';
 import { UserOverlayForm } from './UserOverlayForm';
 import { UserOverlays } from './UserOverlays';
 
@@ -17,6 +18,7 @@ export const OverlaysDrawer = (): JSX.Element => {
           <div className="h-[calc(100%-93px)] max-h-[calc(100%-93px)] overflow-y-auto">
             <GeneralOverlays />
             <UserOverlays />
+            <OverlaysLegends />
           </div>
         </>
       )}

src/components/Map/Drawer/OverlaysDrawer/OverlaysLegends/OverlaysLegends.component.tsx

@@ -6,7 +6,7 @@ export const OverlaysLegends = (): JSX.Element => {
   const overlays = useSelector(activeOverlaysSelector);
 
   return (
-    <div className="p-6" data-testid="overlays-legends">
+    <div className="border-t border-t-divide p-6" data-testid="overlays-legends">
       {overlays.map(overlay => (
         <OverlaySingleLegend key={overlay.idObject} overlay={overlay} />
       ))}