feat: 감리지적사항 대응

- 노후 하수관로 조회 기능 구현
- 분기 조건 체크
- 파일명 표시 에러 수정
- 셀 클릭 이벤트 수정
- 자체 입력 정보 입력 되게 수정
- 단위 추가
- 하수맨홀 뚜껑재질 코드표 추가

apps/sn/app/(map-layout)/map/components/InputSection.tsx

@@ -20,14 +20,14 @@ const InputSection: React.FC<InputSectionProps> = ({ title, data, sectionKey, on
         <Table variant="secondary" className="w-full">
           <TableHeader>
             <TableRow>
-              <TableHead className="border border-gray-300 px-2 py-2 text-sm">년도</TableHead>
-              <TableHead className="border border-gray-300 px-2 py-2 text-sm">구분</TableHead>
+              <TableHead className="border border-gray-300 px-2 py-2 text-sm w-[80px]">년도</TableHead>
+              <TableHead className="border border-gray-300 px-2 py-2 text-sm w-auto">구분</TableHead>
             </TableRow>
           </TableHeader>
           <TableBody>
             {data.map((row, index) => (
               <TableRow key={index}>
-                <TableCell className="border border-gray-300 px-2 py-2 text-sm">
+                <TableCell className="border border-gray-300 px-2 py-2 text-sm w-[80px]">
                   <input
                     type="text"
                     value={row.year}
@@ -35,7 +35,7 @@ const InputSection: React.FC<InputSectionProps> = ({ title, data, sectionKey, on
                     className="w-full text-xl border-radius-0 px-3 py-2 text-base text-center leading-normal"
                   />
                 </TableCell>
-                <TableCell className="border border-gray-300 px-2 py-2 text-sm text-center leading-normal">
+                <TableCell className="border border-gray-300 px-2 py-2 text-sm text-center leading-normal w-auto">
                   {row.type}
                 </TableCell>
               </TableRow>