박스 타이틀 description 추가 및 로고 추가

adminfront/src/features/auth/AuthPage.tsx

@@ -1,3 +1,4 @@
+import { ShieldHalf } from "lucide-react";
 import { t } from "../../lib/i18n";
 import PermissionChecker from "./components/PermissionChecker";
 
@@ -6,8 +7,11 @@ function AuthPage() {
     <div className="space-y-6">
       <div className="flex flex-wrap items-start justify-between gap-4">
         <div className="space-y-2">
-          <h2 className="text-3xl font-semibold">
-            {t("ui.admin.auth_guard.title", "Auth Guard")}
+          <h2 className="flex items-center gap-2 text-3xl font-semibold">
+            <span className="flex h-10 w-10 items-center justify-center rounded-xl border border-primary/15 bg-primary/10 text-primary">
+              <ShieldHalf size={20} />
+            </span>
+            <span>{t("ui.admin.auth_guard.title", "Auth Guard")}</span>
           </h2>
           <p className="text-sm text-muted-foreground">
             {t(

adminfront/src/features/auth/components/PermissionChecker.tsx

@@ -1,5 +1,5 @@
 import { useMutation } from "@tanstack/react-query";
-import { CheckCircle2, XCircle } from "lucide-react";
+import { CheckCircle2, ShieldCheck, XCircle } from "lucide-react";
 import { useState } from "react";
 import { Button } from "../../../components/ui/button";
 import {
@@ -47,7 +47,10 @@ function PermissionChecker() {
   return (
     <Card className="border-primary/20 bg-[var(--color-panel)]">
       <CardHeader>
-        <CardTitle className="text-lg font-bold flex items-center gap-2">
+        <CardTitle className="flex items-center gap-2 text-lg font-bold">
+          <span className="flex h-8 w-8 items-center justify-center rounded-lg border border-primary/15 bg-primary/10 text-primary">
+            <ShieldCheck size={16} />
+          </span>
           {t(
             "ui.admin.auth_guard.checker.title",
             "ReBAC permission checker",