refactor:

- 침수심 범례 interval 1초 -> 2.5초 수정 (도시침수지도 표출 때문)
- page.tsx 타입 단언 추가

apps/sn/app/(map-layout)/map/page.tsx

@@ -156,10 +156,10 @@ const Map = () => {
         searchBar={SearchBar}
         waterDepth={showWaterDepth ? WaterDepth : undefined}
         isPlaying={isPlaying}
-        setIsPlaying={setIsPlaying}
-        targetLayerTypes={WATER_DEPTH_LAYER_TYPES}
-        orderedLayers={ORDERED_LAYERS}
-        checkInterval={1000}
+        setIsPlaying={setIsPlaying as any}
+        targetLayerTypes={WATER_DEPTH_LAYER_TYPES as any}
+        orderedLayers={ORDERED_LAYERS as any}
+        checkInterval={2500}
       />
     </div>
   );

apps/sn/app/(map-layout)/map/waterDepth/waterDepth.tsx

@@ -3,12 +3,12 @@
 import React, { useRef, useEffect, useState } from "react";
 import { Label } from "@common/components/ui/label";
 
-export const WATER_DEPTH_LAYER_TYPES = [
+export const WATER_DEPTH_LAYER_TYPES: string[] = [
   'tb_ms_flood_dngr_map',
   'tb_ms_sbmrg_dngr_map'
 ];
 // 지정된 순서에 따른 lyr_sn 배열
-export const ORDERED_LAYERS = [
+export const ORDERED_LAYERS: string[] = [
   '27', // 침수위험지도(tb_ms_sbmrg_dngr_map) - 30년 빈도
   '28', // 침수위험지도(tb_ms_sbmrg_dngr_map) - 50년 빈도
   '3',  // 침수위험지도(tb_ms_sbmrg_dngr_map) - 80년 빈도