페이지 헤더 스타일 통일

devfront/src/features/clients/ClientRelationsPage.tsx

@@ -1,9 +1,10 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
-import { ArrowLeft, Info, Link2, Plus, Trash2, X } from "lucide-react";
+import { Info, Link2, Plus, ShieldHalf, Trash2, X } from "lucide-react";
 import { useDeferredValue, useMemo, useState } from "react";
 import { useAuth } from "react-oidc-context";
 import { Link, 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 {
@@ -352,27 +353,14 @@ function ClientRelationsPage() {
                 {t("ui.dev.clients.details.tab.relationships", "Relationships")}
               </span>
             </nav>
-            <div className="flex items-center gap-2">
-              <Button variant="ghost" size="icon" asChild>
-                <Link to={`/clients/${clientId}`}>
-                  <ArrowLeft className="h-4 w-4" />
-                </Link>
-              </Button>
-              <div>
-                <p className="text-3xl font-black leading-tight">
-                  {t(
-                    "ui.dev.clients.relationships.title",
-                    "Client Relationships",
-                  )}
-                </p>
-                <p className="text-muted-foreground">
-                  {t(
-                    "msg.dev.clients.relationships.subtitle",
-                    "RP direct operator relation을 조회하고 User 단위로 추가·삭제합니다.",
-                  )}
-                </p>
-              </div>
-            </div>
+            <PageHeader
+              icon={<ShieldHalf size={20} />}
+              title={t("ui.dev.clients.relationships.title", "Client Relationships")}
+              description={t(
+                "msg.dev.clients.relationships.subtitle",
+                "RP direct operator relation을 조회하고 User 단위로 추가·삭제합니다.",
+              )}
+            />
           </div>
           <div className="flex items-center gap-3">
             <Badge