chore(ui): add ShieldCheck icon for admin role on UserProfilePage

src/app/[username]/page.tsx

@@ -4,7 +4,7 @@ import Link from "next/link";
 import { getTranslations, getLocale } from "next-intl/server";
 import { formatDistanceToNow } from "@/lib/date";
 import { getPromptUrl } from "@/lib/urls";
-import { Calendar, ArrowBigUp, FileText, Settings, GitPullRequest, Clock, Check, X, Pin, BadgeCheck, Users } from "lucide-react";
+import { Calendar, ArrowBigUp, FileText, Settings, GitPullRequest, Clock, Check, X, Pin, BadgeCheck, Users, ShieldCheck } from "lucide-react";
 import { auth } from "@/lib/auth";
 import { db } from "@/lib/db";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
@@ -312,7 +312,7 @@ export default async function UserProfilePage({ params, searchParams }: UserProf
                 <BadgeCheck className="h-5 w-5 text-blue-500 shrink-0" />
               )}
               {user.role === "ADMIN" && (
-                <Badge variant="default" className="text-xs shrink-0">Admin</Badge>
+                <ShieldCheck className="h-5 w-5 text-primary shrink-0" />
               )}
             </div>
             <p className="text-muted-foreground text-sm flex items-center gap-2 flex-wrap">