🔒 반응형 제거 및 고정 너비 적용

- 문제 원인: 반응형 구조로 인해 브라우저 크기에 따라 컬럼 너비가 변경됨
- materials-page: min-width: 1400px 적용
- materials-grid: min-width: 1200px, width: fit-content 적용
- 이제 테이블이 고정 너비를 유지하고 스크롤로 확인 가능
- 헤더와 본문이 항상 동일한 너비 유지

frontend/src/pages/NewMaterialsPage.css

@@ -9,6 +9,7 @@
   min-height: 100vh;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
   overflow-x: auto;
+  min-width: 1400px; /* 페이지 최소 너비 고정 */
 }
 
 /* 헤더 */
@@ -288,7 +289,7 @@
   cursor: not-allowed;
 }
 
-/* 자재 테이블 - 엑셀 스타일 */
+/* 자재 테이블 - 엑셀 스타일 (반응형 제거, 고정 너비 + 스크롤) */
 .materials-grid {
   background: white;
   margin: 16px 24px;
@@ -296,6 +297,8 @@
   max-height: calc(100vh - 220px);
   border: 1px solid #d1d5db;
   border-radius: 4px;
+  min-width: 1200px; /* 최소 너비 강제 */
+  width: fit-content; /* 내용에 맞는 너비 */
 }
 
 .detailed-grid-header {