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/BaseModal.ts

@@ -9,6 +9,7 @@ export abstract class BaseModal {
   protected title: string;
   protected currentAsset: any | null = null;
   protected isEditMode: boolean = false;
+  protected currentMode: 'view' | 'edit' | 'add' = 'view';
   protected modalEl: HTMLElement | null = null;
   protected formEl: HTMLFormElement | null = null;
 
@@ -53,16 +54,23 @@ export abstract class BaseModal {
    */
   public open(asset: any, mode: 'view' | 'edit' | 'add' = 'view') {
     this.currentAsset = asset;
+    this.currentMode = mode;
     this.isEditMode = (mode === 'add' || mode === 'edit');
     
     // 폼 초기화 추가
     if (this.formEl) this.formEl.reset();
 
-    this.setEditLockMode(mode);
+    // fillFormData를 먼저 호출하여 동적 요소들을 생성한 후 잠금 처리
     this.fillFormData(asset);
+    this.setEditLockMode(mode);
     
     if (this.modalEl) {
       this.modalEl.classList.remove('hidden');
+      const content = this.modalEl.querySelector('.modal-content');
+      if (content) {
+        if (mode === 'view') content.classList.add('is-view-mode');
+        else content.classList.remove('is-view-mode');
+      }
     }
     
     this.onAfterOpen(asset, mode);