feat(admin): 공지사항, FAQ, 블로그 목록 검색 필터 추가 및 블로그 미리보기 탭 탑재, FAQ 순서 조정 기능 구현

TaxBaik.Web/Components/Admin/Pages/Blog/BlogCreate.razor

@@ -21,8 +21,8 @@
 
 <MudPaper Class="pa-4 mt-4" Elevation="1">
     <MudForm @ref="form">
-        <MudTextField @bind-Value="model.Title" Label="제목"
-            Variant="Variant.Outlined" Class="mb-4" Required="true" />
+        <MudTextField @bind-Value="model.Title" Label="제목 *"
+            Variant="Variant.Outlined" Class="mb-4" Required="true" RequiredError="제목을 입력하세요." Counter="100" MaxLength="100" />
 
         <MudSelect T="int?" @bind-Value="model.CategoryId" Label="카테고리"
             Variant="Variant.Outlined" Class="mb-4">
@@ -32,8 +32,24 @@
             }
         </MudSelect>
 
-        <MudTextField @bind-Value="model.Content" Label="본문"
-            Variant="Variant.Outlined" Lines="10" Class="mb-4" Required="true" />
+        <MudTabs Elevation="2" Rounded="true" ApplyEffectsToContainer="true" PanelClass="pa-4" Class="mb-4">
+            <MudTabPanel Text="에디터" Icon="@Icons.Material.Filled.Edit">
+                <MudTextField @bind-Value="model.Content" Label="본문 내용 *"
+                    Variant="Variant.Outlined" Lines="15" Required="true" RequiredError="본문 내용을 입력하세요." Counter="10000" MaxLength="10000" HelperText="HTML 태그를 사용해 꾸밀 수 있습니다." />
+            </MudTabPanel>
+            <MudTabPanel Text="실시간 미리보기" Icon="@Icons.Material.Filled.Visibility">
+                <div class="border rounded pa-4 article-body lh-lg" style="min-height: 330px; max-height: 500px; overflow-y: auto; background-color: #fafafa;">
+                    @if (string.IsNullOrWhiteSpace(model.Content))
+                    {
+                        <p class="text-muted small text-center my-8">작성 중인 본문 내용이 이곳에 실시간으로 표시됩니다.</p>
+                    }
+                    else
+                    {
+                        @((MarkupString)model.Content)
+                    }
+                </div>
+            </MudTabPanel>
+        </MudTabs>
 
         <MudTextField @bind-Value="model.Tags" Label="태그 (쉼표로 구분)"
             Variant="Variant.Outlined" Class="mb-4" />