refactor(panel): uniform title icon styles

panel/src/pages/Account.tsx

@@ -1,5 +1,5 @@
 import { useState, type FormEvent } from "react";
-import { CheckCircle2, Link2, LogOut, ShieldCheck } from "lucide-react";
+import { CheckCircle2, Link2, LogOut, ShieldCheck, UserRound } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
@@ -68,12 +68,15 @@ export function Account() {
 
   return (
     <>
+      <div className="flex items-center gap-3">
+        <UserRound className="h-6 w-6 text-primary" />
         <div>
           <h1 className="text-2xl font-semibold tracking-tight">{t("title")}</h1>
           <p className="text-sm text-muted-foreground">
             {t("subtitle")}
           </p>
         </div>
+      </div>
 
       <Card>
         <CardHeader>

panel/src/pages/Dashboard.tsx

@@ -12,6 +12,7 @@ import {
   Database,
   Box,
   Hand,
+  LayoutDashboard,
 } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@@ -82,10 +83,13 @@ export function Dashboard() {
 
   return (
     <>
+      <div className="flex items-center gap-3">
+        <LayoutDashboard className="h-6 w-6 text-primary" />
         <div>
           <h1 className="text-2xl font-semibold tracking-tight">{t("title")}</h1>
           <p className="text-sm text-muted-foreground">{t("subtitle")}</p>
         </div>
+      </div>
 
       {loading && !servers ? (
         <Loading />

panel/src/pages/MyServers.tsx

@@ -1,3 +1,4 @@
+import { Server } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Card, CardContent } from "@/components/ui/card";
 import { ServerCard } from "@/components/ServerCard";
@@ -16,12 +17,15 @@ export function MyServers() {
 
   return (
     <>
+      <div className="flex items-center gap-3">
+        <Server className="h-6 w-6 text-primary" />
         <div>
           <h1 className="text-2xl font-semibold tracking-tight">{t("my_servers_title")}</h1>
           <p className="text-sm text-muted-foreground">
             {t("my_servers_subtitle")}
           </p>
         </div>
+      </div>
 
       {loading && !data ? (
         <Loading />

panel/src/pages/ServerConsole.tsx

@@ -91,6 +91,8 @@ export function ServerConsole() {
       ) : data ? (
         <>
           <div className="flex flex-wrap items-center justify-between gap-3">
+            <div className="flex items-center gap-3">
+              <Terminal className="h-6 w-6 text-primary" />
               <div>
                 <h1 className="text-2xl font-semibold tracking-tight">
                   {data.displayName || data.name}
@@ -101,6 +103,7 @@ export function ServerConsole() {
                   </p>
                 )}
               </div>
+            </div>
             <div className="flex items-center gap-2">
               <PhaseBadge phase={data.phase} />
               {streamable ? (

panel/src/pages/admin/ImageAdmin.tsx

@@ -18,12 +18,15 @@ export function ImageAdmin() {
 
   return (
     <>
+      <div className="flex items-center gap-3">
+        <Boxes className="h-6 w-6 text-primary" />
         <div>
           <h1 className="text-2xl font-semibold tracking-tight">{t("images_title")}</h1>
           <p className="text-sm text-muted-foreground">
             {t("images_subtitle")}
           </p>
         </div>
+      </div>
 
       {loading && !data ? (
         <Loading />

panel/src/pages/admin/ServerAdmin.tsx

@@ -1,3 +1,4 @@
+import { ServerCog } from "lucide-react";
 import { useTranslation } from "react-i18next";
 import { Card, CardContent } from "@/components/ui/card";
 import { ServerCard } from "@/components/ServerCard";
@@ -24,13 +25,16 @@ export function ServerAdmin() {
 
   return (
     <>
-      <div className="flex items-center justify-between gap-4">
+      <div className="flex flex-wrap items-center justify-between gap-4">
+        <div className="flex items-center gap-3">
+          <ServerCog className="h-6 w-6 text-primary" />
           <div>
             <h1 className="text-2xl font-semibold tracking-tight">{t("servers")}</h1>
             <p className="text-sm text-muted-foreground">
               {t("server_admin_subtitle")}
             </p>
           </div>
+        </div>
         {cfg && <CreateServerDialog cfg={cfg} onCreated={reload} />}
       </div>