페이지 헤더 스타일 통일

devfront/src/features/developer-request/DeveloperRequestPage.tsx

@@ -1,5 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import {
+  ClipboardCheck,
   CheckCircle2,
   Clock,
   Plus,
@@ -20,6 +21,7 @@ import { Button } from "../../components/ui/button";
 import {
   Card,
   CardContent,
+  CardDescription,
   CardHeader,
   CardTitle,
 } from "../../components/ui/card";
@@ -152,6 +154,8 @@ export default function DeveloperRequestPage() {
   const hasActiveRequest = requests?.some(
     (r) => r.status === "pending" || r.status === "approved",
   );
+  const approvedRequestCount =
+    requests?.filter((request) => request.status === "approved").length ?? 0;
   const isActionPending =
     approveMutation.isPending ||
     rejectMutation.isPending ||
@@ -160,6 +164,7 @@ export default function DeveloperRequestPage() {
   return (
     <div className="space-y-6">
       <PageHeader
+        icon={<ClipboardCheck size={20} />}
         title={t("ui.dev.nav.developer_request", "개발자 권한 신청")}
         description={
           isSuperAdmin
@@ -187,6 +192,13 @@ export default function DeveloperRequestPage() {
           <CardTitle className="text-xl">
             {t("ui.dev.request.list.title", "신청 내역")}
           </CardTitle>
+          <CardDescription>
+            {t(
+              "msg.dev.request.list.approved_count",
+              "총 {{count}}명의 사용자가 승인되었습니다.",
+              { count: approvedRequestCount },
+            )}
+          </CardDescription>
         </CardHeader>
         <CardContent>
           <div className={commonTableShellClass}>