feat: remove country border leaflet layer

src/components/Map/Map.tsx

@@ -6,13 +6,7 @@ import { useEffect, useRef, useState } from 'react';
 import { GeoJSON as LeafletGeoJSON, MapContainer, Pane, SVGOverlay, TileLayer } from 'react-leaflet';
 
 import BackToGlobalButton from '@/components/Map/BackToGlobalButton';
-import {
-  countryBorderStyle,
-  disputedAreaStyle,
-  MAP_MAX_ZOOM,
-  MAP_MIN_ZOOM,
-  oceanBounds,
-} from '@/domain/constant/map/Map';
+import { disputedAreaStyle, MAP_MAX_ZOOM, MAP_MIN_ZOOM, oceanBounds } from '@/domain/constant/map/Map';
 import { useSelectedAlert } from '@/domain/contexts/SelectedAlertContext';
 import { useSelectedCountryId } from '@/domain/contexts/SelectedCountryIdContext';
 import { useSelectedMap } from '@/domain/contexts/SelectedMapContext';
@@ -180,12 +174,12 @@ export default function Map({ countries, disputedAreas, fcsData, alertData }: Ma
         />
       )}
 
-      <Pane name="countries_border" style={{ zIndex: 3 }}>
+      {/* <Pane name="countries_border" style={{ zIndex: 3 }}>
         <LeafletGeoJSON
           data={MapOperations.convertCountriesToFeatureCollection(countries.features)}
           style={countryBorderStyle}
         />
-      </Pane>
+      </Pane> */}
       <Pane name="disputed_areas" style={{ zIndex: 4 }}>
         <LeafletGeoJSON
           data={MapOperations.convertCountriesToFeatureCollection(disputedAreas.features)}