페이지 헤더 스타일 통일

devfront/src/features/clients/ClientGeneralPage.tsx

@@ -1,7 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
 import {
-  ArrowLeft,
   Check,
   ExternalLink,
   Info,
@@ -9,6 +8,7 @@ import {
   Save,
   Search,
   Shield,
+  ShieldHalf,
   Sparkles,
   Trash2,
   Upload,
@@ -17,6 +17,7 @@ import {
 import { useEffect, useState } from "react";
 import { useAuth } from "react-oidc-context";
 import { Link, useNavigate, useParams } from "react-router-dom";
+import { PageHeader } from "../../../../common/core/components/page";
 import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";
 import {
@@ -1195,26 +1196,18 @@ function ClientGeneralPage() {
                 </>
               )}
             </nav>
-            <div className="flex items-center gap-2">
-              <Button variant="ghost" size="icon" asChild>
-                <Link to={isCreate ? "/clients" : `/clients/${clientId}`}>
-                  <ArrowLeft className="h-4 w-4" />
-                </Link>
-              </Button>
-              <div>
-                <h1 className="text-3xl font-black leading-tight">
-                  {isCreate
-                    ? t("ui.dev.clients.general.title_create", "Create Client")
-                    : t("ui.dev.clients.general.title_edit", "Client Settings")}
-                </h1>
-                <p className="text-muted-foreground">
-                  {t(
-                    "ui.dev.clients.general.subtitle",
-                    "앱 정보, 권한 스코프, 보안 설정을 관리합니다.",
-                  )}
-                </p>
-              </div>
-            </div>
+            <PageHeader
+              icon={<ShieldHalf size={20} />}
+              title={
+                isCreate
+                  ? t("ui.dev.clients.general.title_create", "Create Client")
+                  : t("ui.dev.clients.general.title_edit", "Client Settings")
+              }
+              description={t(
+                "ui.dev.clients.general.subtitle",
+                "앱 정보, 권한 스코프, 보안 설정을 관리합니다.",
+              )}
+            />
           </div>
           {!isCreate && (
             <Badge