update

components/admin/guide-section-nav.tsx

@@ -40,7 +40,7 @@ export function GuideSectionNav({
     >
       <Link
         href={`/admin/${characterKey}`}
-        prefetch
+        prefetch={false}
         onClick={confirmNavigation}
         className={cn(
           "flex min-h-8 shrink-0 items-center gap-2 rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
@@ -56,7 +56,7 @@ export function GuideSectionNav({
           <Link
             key={section.slug}
             href={`/admin/${characterKey}/${section.slug}`}
-            prefetch
+            prefetch={false}
             onClick={confirmNavigation}
             className={cn(
               "flex min-h-8 shrink-0 items-center gap-2 rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
@@ -72,7 +72,7 @@ export function GuideSectionNav({
         <Link
           key={extra.id}
           href={`/admin/${characterKey}/${extra.slug}`}
-          prefetch
+          prefetch={false}
           onClick={confirmNavigation}
           className={cn(
             "flex min-h-8 shrink-0 items-center gap-2 rounded-md px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",

components/admin/structured-dashboard.tsx

@@ -195,7 +195,7 @@ export function StructuredDashboard({
             >
               <Link
                 href={`/admin/${guide.characterKey}`}
-                prefetch
+                prefetch={false}
                 className="absolute inset-0 z-10 rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring"
               >
                 <span className="sr-only">แก้ไข Guide {guide.name}</span>
@@ -205,6 +205,7 @@ export function StructuredDashboard({
                   src={guide.coverUrl}
                   alt={`Guide ${guide.name}`}
                   fill
+                  sizes="(min-width: 1280px) 33vw, (min-width: 768px) 50vw, 100vw"
                   className="object-cover"
                 />
               </div>

components/public/structured-directory.tsx

@@ -70,6 +70,7 @@ export function StructuredDirectory({ guides }: { guides: GuideCard[] }) {
                     src={guide.coverUrl}
                     alt={`ไกด์ ${guide.name}`}
                     fill
+                    sizes="(min-width: 1024px) 33vw, (min-width: 640px) 50vw, 100vw"
                     className="object-cover"
                   />
                 </div>

components/public/structured-guide.tsx

@@ -146,7 +146,7 @@ export function StructuredGuideShell({
                 ? "bg-muted text-foreground"
                 : "text-muted-foreground hover:bg-muted hover:text-foreground",
             )}
-            prefetch
+            prefetch={false}
           >
             <Image
               src={navigationIconPath("overview")!}
@@ -167,7 +167,7 @@ export function StructuredGuideShell({
                   ? "bg-muted text-foreground"
                   : "text-muted-foreground hover:bg-muted hover:text-foreground",
               )}
-              prefetch
+              prefetch={false}
             >
               {navigationIconPath(item.slug) ? (
                 <Image
@@ -306,7 +306,7 @@ function GuideNavigation({
           key={item.id}
           href={`/${guide.slug}/${item.slug}`}
           className="rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring"
-          prefetch
+          prefetch={false}
         >
           <Card size="sm" className="transition-colors hover:bg-muted/50">
             <CardHeader>