feat : impove UI

components/public/condition-switcher.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import Image from "@/components/ui/resilient-image";
-import { MousePointerClickIcon } from "lucide-react";
 import { Children, Fragment, type ReactNode, useState } from "react";
 import { Separator } from "@/components/ui/separator";
 import { ScrollableNav } from "@/components/public/scrollable-nav";
@@ -10,7 +9,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 export function ConditionTabIcon({ iconUrl }: { iconUrl?: string | null }) {
   return iconUrl
     ? <Image src={iconUrl} alt="" width={32} height={32} className="size-8 shrink-0 object-contain" aria-hidden="true" data-icon="inline-start" />
-    : <MousePointerClickIcon className="size-5 text-primary group-aria-pressed/tabs:text-primary-foreground" aria-hidden="true" data-icon="inline-start" />;
+    : null;
 }
 
 export function ConditionSwitcher({

components/public/structured-guide.tsx

@@ -781,7 +781,6 @@ function ArtifactSectionContent({
               <div key={condition.id} data-tier-condition={conditionIndex} className="artifact-export-tierlist flex flex-col gap-5">
               {!exporting && <ComparisonContext />}
               {exporting && guide.artifactGroups.length > 1 ? <p className="text-sm font-medium">{condition.name || <ExportText th={`เงื่อนไข ${conditionIndex + 1}`} en={`Condition ${conditionIndex + 1}`} />}</p> : null}
-              {condition.note ? <p data-export-note className="whitespace-pre-wrap text-sm text-muted-foreground">{condition.note}</p> : null}
               <TierList>
               {condition.tiers.map((group, groupIndex) => <TierGroup key={group.id}>
                 {!exporting && groupIndex > 0 ? <Separator /> : null}
@@ -795,6 +794,9 @@ function ArtifactSectionContent({
                   </CardTitle>
                 </CardHeader>
                 <CardContent className="flex flex-col gap-3">
+                  {groupIndex === 0 && condition.note ? (
+                    <p data-export-note className="whitespace-pre-wrap text-sm text-muted-foreground">{condition.note}</p>
+                  ) : null}
                   {group.rows.map((row, index) => (
                     <div
                       key={row.id}