feat: 자재 분류 시스템 개선 및 상세 테이블 추가

- 모든 자재 카테고리별 상세 테이블 생성 (fitting, valve, flange, bolt, gasket, instrument)
- PIPE, FITTING, VALVE 분류 결과를 각 상세 테이블에 저장하는 로직 구현
- 프론트엔드 라우팅 정리 및 BOM 현황 페이지 기능 개선
- 자재확인 페이지 에러 처리 개선

TODO: FLANGE, BOLT, GASKET, INSTRUMENT 저장 로직 추가 필요

frontend/src/components/PipeDetailsCard.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Card, CardContent, Typography, Box } from '@mui/material';
+
+const PipeDetailsCard = ({ material, fileId }) => {
+  // 간단한 테스트 버전
+  return (
+    <Card sx={{ mt: 2, backgroundColor: '#f5f5f5' }}>
+      <CardContent>
+        <Typography variant="h6" gutterBottom>
+          PIPE 상세 정보 (테스트)
+        </Typography>
+        <Box>
+          <Typography variant="body2">
+            자재명: {material.original_description}
+          </Typography>
+          <Typography variant="body2">
+            분류: {material.classified_category}
+          </Typography>
+          <Typography variant="body2">
+            사이즈: {material.size_spec || '정보 없음'}
+          </Typography>
+          <Typography variant="body2">
+            수량: {material.quantity} {material.unit}
+          </Typography>
+        </Box>
+      </CardContent>
+    </Card>
+  );
+};
+
+export default PipeDetailsCard;