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="grid size-9 place-items-center rounded-lg bg-primary text-primary-foreground">
-          <span className="hidden sm:inline">ไกด์ช่องเกนชินไม่ใช่เกมมือถือ</span>
+            <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

components/public/site-header.tsx

@@ -1,5 +1,6 @@
+import Image from "next/image";
 import Link from "next/link";
-import { BookOpenIcon, SettingsIcon } from "lucide-react";
+import { SettingsIcon } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 
@@ -11,15 +12,8 @@ export function SiteHeader() {
           href="/"
           className="flex min-h-11 items-center gap-3 rounded-lg font-heading text-base font-semibold focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
         >
-          <span className="grid size-9 place-items-center rounded-lg bg-primary text-primary-foreground">
+          <Image src="/icon.png" alt="" width={36} height={36} className="size-9 object-contain" />
-            <BookOpenIcon aria-hidden="true" className="size-5" />
+          <span>ไกด์ช่องเกนชินไม่ใช่เกมมือถือ</span>
-          </span>
-          <span>
-            Buzz Sheet
-            <span className="ml-2 hidden font-normal text-muted-foreground sm:inline">
-              คู่มือที่อ่านง่าย
-            </span>
-          </span>
         </Link>
         <Button variant="ghost" size="sm" nativeButton={false} render={<Link href="/admin" />}>
           <SettingsIcon aria-hidden="true" />