feat(ui/ux): unify typography to Pretendard and enforce read-only view mode as default

- Set global font-family to Pretendard and letter-spacing to -0.02em.
- Standardized table header font-size to var(--fs-sm).
- Fixed table clipping and sticky header behavior at 1920x1080.
- Implemented dynamic select options in search filters.
- Enforced 'view' mode as default for all asset modals (PC, Server, SW, etc.).
- Improved Modal logic to ensure all fields (including dynamic rows) are correctly locked.
- Updated Location View detail button from 'Edit' to 'View'.
- Updated design_rule.md to reflect new typography standards.

src/components/Modal/ModalUtils.ts

@@ -110,42 +110,43 @@ export function setEditLock(
   const generateBtn = options.generateBtnId ? document.getElementById(options.generateBtnId) : null;
   const addLogBtn = options.addLogBtnId ? document.getElementById(options.addLogBtnId) : null;
 
-  if (!form || !saveBtn || !revertBtn) return;
+  if (!form) return;
 
-  if (mode === 'add' || mode === 'edit') {
+  const isEdit = (mode === 'add' || mode === 'edit');
+
+  if (isEdit) {
     // 편집 모드 활성화
     form.classList.remove('is-view-mode');
     form.classList.add('is-edit-mode');
-    saveBtn.textContent = '저장';
-    revertBtn.classList.toggle('hidden', mode === 'add'); 
+    if (saveBtn) saveBtn.textContent = (mode === 'add' ? '등록' : '저장');
+    if (revertBtn) revertBtn.classList.toggle('hidden', mode === 'add'); 
     
     // 모든 필드 활성화
     const inputs = form.querySelectorAll('input, select, textarea');
     inputs.forEach(input => {
       const el = input as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-      if (el.name !== 'asset_code' && !el.id.includes('asset-id')) { // 자산번호 등 일부는 편집 모드에서도 잠금 유지
+      // 자산번호 및 ID 필드는 편집 모드에서도 잠금 유지
+      if (el.name !== 'asset_code' && !el.id.includes('asset-id') && !el.id.includes('id-hidden')) {
         el.disabled = false;
         if ('readOnly' in el) (el as HTMLInputElement).readOnly = false;
       }
     });
 
-    // 번호 생성 버튼은 '추가(add)' 시에만 노출
-    if (generateBtn) {
-      generateBtn.style.display = mode === 'add' ? 'flex' : 'none';
-    }
+    if (generateBtn) generateBtn.style.display = (mode === 'add' ? 'flex' : 'none');
     if (addLogBtn) addLogBtn.style.display = 'flex';
   } else {
     // 조회 모드 (잠금)
     form.classList.remove('is-edit-mode');
     form.classList.add('is-view-mode');
-    saveBtn.textContent = '수정';
-    revertBtn.classList.add('hidden');
+    if (saveBtn) saveBtn.textContent = '수정';
+    if (revertBtn) revertBtn.classList.add('hidden');
     
     // 모든 필드 잠금
     const inputs = form.querySelectorAll('input, select, textarea');
     inputs.forEach(input => {
       const el = input as HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-      el.disabled = true; // select의 경우 disabled 필요
+      el.disabled = true;
+      if ('readOnly' in el) (el as HTMLInputElement).readOnly = true;
     });
 
     if (generateBtn) generateBtn.style.display = 'none';