chore(format): add prettier-plugin-organize-imports and sort imports

app/(order)/chat/[id]/page.tsx

@@ -1,9 +1,5 @@
 "use client"
 
-import { ArrowLeft, ImagePlus, Lock, Send } from "lucide-react"
-import Image from "next/image"
-import Link from "next/link"
-import { use, useMemo, useRef, useState } from "react"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
@@ -11,10 +7,14 @@ import { Card } from "@/components/ui/card"
 import { Input } from "@/components/ui/input"
 import { ScrollArea } from "@/components/ui/scroll-area"
 import { sendImageMessage, sendTextMessage } from "@/lib/api/chat"
-import { cn } from "@/lib/utils"
 import { notifyInfo } from "@/lib/toast"
+import { cn } from "@/lib/utils"
 import { useAuthStore } from "@/store/auth"
 import { useChatStore } from "@/store/chat"
+import { ArrowLeft, ImagePlus, Lock, Send } from "lucide-react"
+import Image from "next/image"
+import Link from "next/link"
+import { use, useMemo, useRef, useState } from "react"
 
 export default function ChatDetailPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = use(params)

app/(order)/chat/page.tsx

@@ -1,12 +1,12 @@
 "use client"
 
-import { Lock, MessageSquare } from "lucide-react"
-import Link from "next/link"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent } from "@/components/ui/card"
 import { useAuthStore } from "@/store/auth"
 import { useChatStore } from "@/store/chat"
+import { Lock, MessageSquare } from "lucide-react"
+import Link from "next/link"
 
 export default function ChatListPage() {
   const sessions = useChatStore((state) => state.sessions)

app/(order)/dispute/[id]/page.tsx

@@ -1,5 +1,17 @@
 "use client"
 
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Label } from "@/components/ui/label"
+import { Separator } from "@/components/ui/separator"
+import { Textarea } from "@/components/ui/textarea"
+import { submitDispute, submitDisputeAppeal, submitDisputeResponse } from "@/lib/api/disputes"
+import { DISPUTE_TO_RESOLVED_MS } from "@/lib/config/demo-timers"
+import { notifyInfo } from "@/lib/toast"
+import { useAuthStore } from "@/store/auth"
+import { useDisputeStore } from "@/store/disputes"
+import { useOrderStore } from "@/store/orders"
 import { AlertTriangle, ArrowLeft, Clock, FileText, Upload, X } from "lucide-react"
 import Image from "next/image"
 import Link from "next/link"
@@ -13,18 +25,6 @@ import {
   useRef,
   useState,
 } from "react"
-import { Badge } from "@/components/ui/badge"
-import { Button } from "@/components/ui/button"
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { submitDispute, submitDisputeAppeal, submitDisputeResponse } from "@/lib/api/disputes"
-import { DISPUTE_TO_RESOLVED_MS } from "@/lib/config/demo-timers"
-import { notifyInfo } from "@/lib/toast"
-import { Label } from "@/components/ui/label"
-import { Separator } from "@/components/ui/separator"
-import { Textarea } from "@/components/ui/textarea"
-import { useAuthStore } from "@/store/auth"
-import { useDisputeStore } from "@/store/disputes"
-import { useOrderStore } from "@/store/orders"
 
 const disputeStatusLabels: Record<string, string> = {
   open: "已提交",

app/(order)/layout.tsx

@@ -1,8 +1,8 @@
 "use client"
 
-import { usePathname } from "next/navigation"
 import { AuthGuard } from "@/components/auth-guard"
 import { Header } from "@/components/header"
+import { usePathname } from "next/navigation"
 
 export default function OrderLayout({ children }: { children: React.ReactNode }) {
   const pathname = usePathname()

app/(order)/order/[id]/page.tsx

@@ -1,18 +1,18 @@
 "use client"
 
-import { ArrowLeft, CheckCircle, Clock, Star } from "lucide-react"
-import Link from "next/link"
-import { use, useEffect, useMemo, useState } from "react"
 import OrderActions from "@/components/order-actions"
 import { Badge } from "@/components/ui/badge"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { ORDER_ACCEPT_TIMEOUT_MS, ORDER_CLOSE_TIMEOUT_MS } from "@/lib/config/demo-timers"
 import { Separator } from "@/components/ui/separator"
+import { ORDER_ACCEPT_TIMEOUT_MS, ORDER_CLOSE_TIMEOUT_MS } from "@/lib/config/demo-timers"
 import { statusLabels } from "@/lib/constants"
 import type { OrderStatus } from "@/lib/types"
 import { useChatStore } from "@/store/chat"
 import { useOrderStore } from "@/store/orders"
 import { useReviewStore } from "@/store/reviews"
+import { ArrowLeft, CheckCircle, Clock, Star } from "lucide-react"
+import Link from "next/link"
+import { use, useEffect, useMemo, useState } from "react"
 
 const normalStatusSteps: OrderStatus[] = [
   "pending_payment",

app/(order)/order/new/page.tsx

@@ -1,9 +1,5 @@
 "use client"
 
-import { ArrowLeft, CheckCircle, CreditCard, ShieldCheck } from "lucide-react"
-import Link from "next/link"
-import { useRouter, useSearchParams } from "next/navigation"
-import { useState } from "react"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
@@ -18,6 +14,10 @@ import { useRequireAuth } from "@/lib/use-require-auth"
 import { useAuthStore } from "@/store/auth"
 import { useOrderStore } from "@/store/orders"
 import { useWalletStore } from "@/store/wallet"
+import { ArrowLeft, CheckCircle, CreditCard, ShieldCheck } from "lucide-react"
+import Link from "next/link"
+import { useRouter, useSearchParams } from "next/navigation"
+import { useState } from "react"
 
 export default function NewOrderPage() {
   const router = useRouter()

app/(order)/orders/page.tsx

@@ -1,8 +1,5 @@
 "use client"
 
-import { Clock, MessageSquare, RefreshCw } from "lucide-react"
-import Link from "next/link"
-import { useState } from "react"
 import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
@@ -21,6 +18,9 @@ import { useAuthStore } from "@/store/auth"
 import { useChatStore } from "@/store/chat"
 import { useOrderStore } from "@/store/orders"
 import { useShopStore } from "@/store/shops"
+import { Clock, MessageSquare, RefreshCw } from "lucide-react"
+import Link from "next/link"
+import { useState } from "react"
 
 const statusColors: Record<OrderStatus, string> = {
   pending_payment: "bg-yellow-100 text-yellow-800",

app/(order)/review/[id]/page.tsx

@@ -1,8 +1,5 @@
 "use client"
 
-import { ArrowLeft, Lock, Star } from "lucide-react"
-import Link from "next/link"
-import { use, useMemo, useState } from "react"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Label } from "@/components/ui/label"
@@ -12,6 +9,9 @@ import { notifyInfo, notifySuccess } from "@/lib/toast"
 import { useAuthStore } from "@/store/auth"
 import { useOrderStore } from "@/store/orders"
 import { useReviewStore } from "@/store/reviews"
+import { ArrowLeft, Lock, Star } from "lucide-react"
+import Link from "next/link"
+import { use, useMemo, useState } from "react"
 
 export default function ReviewPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = use(params)