style : forget root

components/admin/admin-header.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import Image from "next/image";
 import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import {
+  BookOpenIcon,
   ExternalLinkIcon,
   LayoutDashboardIcon,
   LogOutIcon,
@@ -24,8 +24,10 @@ export function AdminHeader() {
           href="/admin"
           className="mr-auto flex min-h-11 items-center gap-3 rounded-lg font-heading font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
         >
-          <Image src="/icon.png" alt="" width={36} height={36} className="size-9 object-contain" />
-          <span className="hidden sm:inline">ไกด์ช่องเกนชินไม่ใช่เกมมือถือ</span>
+          <span className="grid size-9 place-items-center rounded-lg bg-primary text-primary-foreground">
+            <BookOpenIcon aria-hidden="true" />
+          </span>
+          <span className="hidden sm:inline">Buzz Sheet Admin</span>
         </Link>
         <nav aria-label="Admin navigation" className="flex items-center gap-1">
           <Button