style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/sections/escrow-banner.tsx

@@ -1,8 +1,8 @@
 "use client";
 
+import { Coins, Shield } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
-import { Shield, Coins } from "lucide-react";
 
 export function EscrowBanner() {
   const t = useTranslations("home.escrow");

components/sections/escrow-explanation.tsx

@@ -1,26 +1,26 @@
 "use client";
 
+import {
+  BarChart,
+  CheckCircle,
+  Handshake,
+  Lock,
+  Shield,
+  Wallet,
+  Zap,
+} from "lucide-react";
 import { useTranslations } from "next-intl";
-import { BlurFade } from "@/components/ui/blur-fade";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
 } from "@/components/ui/accordion";
+import { Badge } from "@/components/ui/badge";
+import { BlurFade } from "@/components/ui/blur-fade";
+import { Button } from "@/components/ui/button";
 import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
 import { NumberTicker } from "@/components/ui/number-ticker";
-import {
-  Wallet,
-  Handshake,
-  CheckCircle,
-  Shield,
-  Zap,
-  BarChart,
-  Lock,
-} from "lucide-react";
 
 export function EscrowExplanation() {
   const t = useTranslations("home.escrowExplanation");

components/sections/featured-items.tsx

@@ -1,12 +1,12 @@
 "use client";
 
-import { useState, useMemo } from "react";
 import { useTranslations } from "next-intl";
+import { useMemo, useState } from "react";
 import { ItemCard } from "@/components/item-card";
 import { MarketplaceFilters } from "@/components/marketplace-filters";
-import { featuredItems } from "@/lib/mock-data";
 import { BlurFade } from "@/components/ui/blur-fade";
 import { Skeleton } from "@/components/ui/skeleton";
+import { featuredItems } from "@/lib/mock-data";
 
 export function FeaturedItems() {
   const t = useTranslations("home.featured");
@@ -21,7 +21,7 @@ export function FeaturedItems() {
     priceRange: { min: 0, max: 100000 },
   });
   const [sortBy, setSortBy] = useState("name");
-  const [isLoading, setIsLoading] = useState(false);
+  const [isLoading, _setIsLoading] = useState(false);
 
   // Filtrar e ordenar itens
   const filteredItems = useMemo(() => {
@@ -30,21 +30,21 @@ export function FeaturedItems() {
     // Filtro por busca
     if (searchQuery) {
       filtered = filtered.filter((item) =>
-        item.name.toLowerCase().includes(searchQuery.toLowerCase())
+        item.name.toLowerCase().includes(searchQuery.toLowerCase()),
       );
     }
 
     // Filtro por raridade
     if (filters.rarity.length > 0) {
       filtered = filtered.filter((item) =>
-        filters.rarity.includes(item.rarity)
+        filters.rarity.includes(item.rarity),
       );
     }
 
     // Filtro por categoria
     if (filters.category.length > 0) {
       filtered = filtered.filter((item) =>
-        filters.category.includes(item.category)
+        filters.category.includes(item.category),
       );
     }
 
@@ -52,7 +52,7 @@ export function FeaturedItems() {
     filtered = filtered.filter(
       (item) =>
         item.price.buy >= filters.priceRange.min &&
-        item.price.buy <= filters.priceRange.max
+        item.price.buy <= filters.priceRange.max,
     );
 
     // Ordenação
@@ -64,7 +64,7 @@ export function FeaturedItems() {
           return a.price.buy - b.price.buy;
         case "price-desc":
           return b.price.buy - a.price.buy;
-        case "rarity":
+        case "rarity": {
           const rarityOrder = {
             common: 0,
             uncommon: 1,
@@ -73,6 +73,7 @@ export function FeaturedItems() {
             legendary: 4,
           };
           return rarityOrder[a.rarity] - rarityOrder[b.rarity];
+        }
         case "trending":
           return b.priceHistory.highest - a.priceHistory.highest;
         case "recent":

components/sections/hero-section.tsx

@@ -1,10 +1,10 @@
 "use client";
 
+import Link from "next/link";
 import { useTranslations } from "next-intl";
 import { AnimatedGradientText } from "@/components/ui/animated-gradient-text";
-import { ShimmerButton } from "@/components/ui/shimmer-button";
 import { BlurFade } from "@/components/ui/blur-fade";
-import Link from "next/link";
+import { ShimmerButton } from "@/components/ui/shimmer-button";
 
 export function HeroSection() {
   const t = useTranslations("home.hero");

components/sections/how-it-works.tsx

@@ -1,8 +1,8 @@
 "use client";
 
+import { Coins, Shield, ShoppingBag } from "lucide-react";
 import { useTranslations } from "next-intl";
-import { BentoGrid, BentoCard } from "@/components/ui/bento-grid";
-import { ShoppingBag, Coins, Shield } from "lucide-react";
+import { BentoCard, BentoGrid } from "@/components/ui/bento-grid";
 
 export function HowItWorks() {
   const t = useTranslations("home.howItWorks");

components/sections/market-example.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { useState, useEffect } from "react";
 import { useTranslations } from "next-intl";
+import { useEffect, useState } from "react";
 import { ItemCard } from "@/components/item-card";
 import { BlurFade } from "@/components/ui/blur-fade";
 import { Skeleton } from "@/components/ui/skeleton";
@@ -38,7 +38,7 @@ export function MarketExample() {
         // Buscar mix de categorias para variedade visual
         const categories = ["weapon", "armor", "helmet"];
         const response = await fetch(
-          `/api/items?category=${categories.join(",")}&pageSize=8&sort=name`
+          `/api/items?category=${categories.join(",")}&pageSize=8&sort=name`,
         );
 
         if (!response.ok) {
@@ -116,9 +116,7 @@ export function MarketExample() {
       <div className="container">
         <BlurFade delay={0.2}>
           <div className="text-center mb-16">
-            <h2 className="text-4xl font-bold mb-4">
-              {t("title")}
-            </h2>
+            <h2 className="text-4xl font-bold mb-4">{t("title")}</h2>
             <p className="text-lg text-muted-foreground max-w-2xl mx-auto">
               {t("subtitle")}
             </p>
@@ -131,9 +129,7 @@ export function MarketExample() {
         ) : error ? (
           <div className="text-center py-12">
             <div className="text-6xl mb-4">⚠️</div>
-            <h3 className="text-xl font-semibold mb-2">
-              {t("errorTitle")}
-            </h3>
+            <h3 className="text-xl font-semibold mb-2">{t("errorTitle")}</h3>
             <p className="text-muted-foreground">{error}</p>
           </div>
         ) : (
@@ -153,9 +149,7 @@ export function MarketExample() {
             <h3 className="text-xl font-semibold mb-2">
               Nenhum item encontrado
             </h3>
-            <p className="text-muted-foreground">
-              Tente novamente mais tarde
-            </p>
+            <p className="text-muted-foreground">Tente novamente mais tarde</p>
           </div>
         )}
       </div>

components/sections/market-offers.tsx

@@ -1,10 +1,10 @@
 "use client";
 
 import { useTranslations } from "next-intl";
-import { AnimatedList } from "@/components/ui/animated-list";
 import { OfferCard } from "@/components/offer-card";
-import { buyOffers, sellOffers } from "@/lib/mock-data";
+import { AnimatedList } from "@/components/ui/animated-list";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { buyOffers, sellOffers } from "@/lib/mock-data";
 
 export function MarketOffers() {
   const t = useTranslations("home.offers");

components/sections/market-stats.tsx

@@ -1,17 +1,17 @@
 "use client";
 
-import { useTranslations } from "next-intl";
-import { NumberTicker } from "@/components/ui/number-ticker";
-import { Badge } from "@/components/ui/badge";
 import {
+  ArrowDown,
+  ArrowUp,
+  DollarSign,
   ShoppingCart,
   TrendingUp,
   Users,
-  DollarSign,
-  ArrowUp,
-  ArrowDown,
 } from "lucide-react";
-import { AreaChart, Area, ResponsiveContainer } from "recharts";
+import { useTranslations } from "next-intl";
+import { Area, AreaChart, ResponsiveContainer } from "recharts";
+import { Badge } from "@/components/ui/badge";
+import { NumberTicker } from "@/components/ui/number-ticker";
 import { buyOffers, sellOffers } from "@/lib/mock-data";
 
 interface StatData {
@@ -130,14 +130,14 @@ export function MarketStats() {
   const t = useTranslations("home.stats");
 
   // Calcular volume total baseado nos dados mock
-  const calculateTotalVolume = () => {
+  const _calculateTotalVolume = () => {
     const buyVolume = buyOffers.reduce(
       (sum, offer) => sum + offer.price * offer.quantity,
-      0
+      0,
     );
     const sellVolume = sellOffers.reduce(
       (sum, offer) => sum + offer.price * offer.quantity,
-      0
+      0,
     );
     return Math.round((buyVolume + sellVolume) / 1000); // Dividir por 1000 para número mais legível
   };