feat(ui) : improve guide navigation, signup, and commissions

components/public/team-search.tsx

@@ -9,6 +9,7 @@ import { Fragment, useMemo, useState, type ReactNode } from "react";
 import { GuideImageExport } from "@/components/public/guide-image-export";
 import { ConditionTabIcon } from "@/components/public/condition-switcher";
 import { ExportText } from "@/components/public/export-language";
+import { RotationHelp } from "@/components/public/rotation-help";
 import { ScrollableNav } from "@/components/public/scrollable-nav";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
@@ -503,8 +504,8 @@ export function TeamSearch({ groups }: { groups: PublicGuide["teamGroups"] }) {
             if (order) setDpsOrder(order);
           }}
         >
-          <ToggleGroupItem value="best">Best DPS</ToggleGroupItem>
-          <ToggleGroupItem value="worst">Worst DPS</ToggleGroupItem>
+          <ToggleGroupItem value="best">DPS สูงสุด</ToggleGroupItem>
+          <ToggleGroupItem value="worst">DPS ต่ำสุด</ToggleGroupItem>
         </ToggleGroup>
         <Button
           variant="ghost"
@@ -513,9 +514,10 @@ export function TeamSearch({ groups }: { groups: PublicGuide["teamGroups"] }) {
           onClick={() => setDpsOrder(null)}
         >
           <XIcon data-icon="inline-start" />
-          Clear
+          ล้างการเรียง
         </Button>
       </div>
+      <RotationHelp />
       {filteredTeams.length ? (
         <div className="grid gap-5 xl:grid-cols-2">
           {filteredTeams.map((team) => (