refactor: admin ui를 fluent v5와 html 기반으로 전환

TaxBaik.Web/Components/Admin/Pages/Companies/CompanyEdit.razor

@@ -3,39 +3,37 @@
 @using TaxBaik.Web.Components.Admin.Forms
 @inject IApiClient ApiClient
 @inject NavigationManager Navigation
-@inject ISnackbar Snackbar
-@inject IDialogService DialogService
+@inject IJSRuntime JS
 
 <PageTitle>고객사 수정</PageTitle>
 
 <section class="admin-page-hero">
     <div>
-        <MudText Typo="Typo.caption" Class="admin-eyebrow">Settings</MudText>
-        <MudText Typo="Typo.h4" Class="admin-page-title">고객사 수정</MudText>
-        <MudText Typo="Typo.body2" Class="admin-page-subtitle">고객사 정보를 수정합니다.</MudText>
+        <div class="admin-eyebrow">Settings</div>
+        <h1 class="admin-page-title">고객사 수정</h1>
+        <p class="admin-page-subtitle">고객사 정보를 수정합니다.</p>
     </div>
-    <MudButton Variant="Variant.Outlined" StartIcon="@Icons.Material.Filled.Close" @onclick="GoBack">취소</MudButton>
+    <button type="button" class="site-button secondary" @onclick="GoBack">취소</button>
 </section>
 
 @if (isLoading)
 {
-    <MudProgressLinear Color="Color.Primary" Indeterminate="true" Class="mt-4" />
+    <div class="admin-surface mt-4">
+        <Skeleton Count="4" CssClass="taxbaik-skeleton-grid" />
+    </div>
 }
 else if (formModel == null)
 {
-    <MudAlert Severity="Severity.Error" Class="mt-4">고객사를 찾을 수 없습니다.</MudAlert>
+    <div class="admin-surface mt-4">고객사를 찾을 수 없습니다.</div>
 }
 else
 {
-    <MudPaper Class="pa-4 mt-4" Elevation="1">
+    <div class="admin-surface mt-4">
         <CompanyForm ButtonText="수정" InitialData="formModel" OnSubmit="HandleUpdate" OnCancel="GoBack" />
-
-        <MudDivider Class="my-4" />
-
-        <MudButton Variant="Variant.Outlined" Color="Color.Error" @onclick="DeleteCompany" Class="mt-2">
-            고객사 삭제
-        </MudButton>
-    </MudPaper>
+        <div class="mt-4">
+            <button type="button" class="site-button secondary danger" @onclick="DeleteCompany">고객사 삭제</button>
+        </div>
+    </div>
 }
 
 @code {
@@ -67,7 +65,7 @@ else
         }
         catch (Exception ex)
         {
-            Snackbar.Add($"고객사 로드 실패: {ex.Message}", Severity.Error);
+            await JS.InvokeVoidAsync("alert", $"고객사 로드 실패: {ex.Message}");
         }
         finally
         {
@@ -95,34 +93,29 @@ else
                 isActive = model.IsActive
             });
 
-            Snackbar.Add("고객사가 수정되었습니다.", Severity.Success);
+            await JS.InvokeVoidAsync("alert", "고객사가 수정되었습니다.");
             Navigation.NavigateTo("/taxbaik/admin/companies");
         }
         catch (Exception ex)
         {
-            Snackbar.Add($"수정 실패: {ex.Message}", Severity.Error);
+            await JS.InvokeVoidAsync("alert", $"수정 실패: {ex.Message}");
         }
     }
 
     private async Task DeleteCompany()
     {
-        var result = await DialogService.ShowMessageBox(
-            "고객사 삭제",
-            "정말 삭제하시겠습니까? 이 작업은 취소할 수 없습니다.",
-            "삭제", "취소");
-
-        if (result != true)
+        if (!await JS.InvokeAsync<bool>("confirm", "정말 삭제하시겠습니까? 이 작업은 취소할 수 없습니다."))
             return;
 
         try
         {
             await ApiClient.DeleteAsync($"company/{Id}");
-            Snackbar.Add("고객사가 삭제되었습니다.", Severity.Success);
+            await JS.InvokeVoidAsync("alert", "고객사가 삭제되었습니다.");
             Navigation.NavigateTo("/taxbaik/admin/companies");
         }
         catch (Exception ex)
         {
-            Snackbar.Add($"삭제 실패: {ex.Message}", Severity.Error);
+            await JS.InvokeVoidAsync("alert", $"삭제 실패: {ex.Message}");
         }
     }
 }