style: clean up code formatting and remove trailing whitespace

refactor: reorganize imports and fix type imports

components/marketplace/CreateAdModal.tsx

@@ -1,6 +1,9 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { Package } from "lucide-react";
+import { useEffect, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
 import {
   Dialog,
   DialogContent,
@@ -8,12 +11,8 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import { Checkbox } from "@/components/ui/checkbox";
-import { Separator } from "@/components/ui/separator";
 import {
   Select,
   SelectContent,
@@ -21,9 +20,10 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { Separator } from "@/components/ui/separator";
+import { Textarea } from "@/components/ui/textarea";
 import { useSession } from "@/lib/hooks/use-session";
 import { ItemSearch } from "./ItemSearch";
-import { ArrowRight, Package } from "lucide-react";
 
 interface Item {
   id: number;
@@ -47,7 +47,11 @@ interface Server {
   isActive: boolean;
 }
 
-export function CreateAdModal({ open, onOpenChange, onSuccess }: CreateAdModalProps) {
+export function CreateAdModal({
+  open,
+  onOpenChange,
+  onSuccess,
+}: CreateAdModalProps) {
   const { user } = useSession();
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -97,7 +101,7 @@ export function CreateAdModal({ open, onOpenChange, onSuccess }: CreateAdModalPr
 
       if (!hasPrice && (!acceptTrade || !tradeItem)) {
         setError(
-          "Informe pelo menos um preço (PIX, TC ou GP) ou configure uma troca por item"
+          "Informe pelo menos um preço (PIX, TC ou GP) ou configure uma troca por item",
         );
         setLoading(false);
         return;
@@ -130,9 +134,10 @@ export function CreateAdModal({ open, onOpenChange, onSuccess }: CreateAdModalPr
           description: formData.description || null,
           trade_item_id: acceptTrade && tradeItem ? tradeItem.id : null,
           trade_item_name: acceptTrade && tradeItem ? tradeItem.name : null,
-          trade_item_quantity: acceptTrade && tradeItem
-            ? parseInt(formData.trade_item_quantity, 10)
-            : null,
+          trade_item_quantity:
+            acceptTrade && tradeItem
+              ? parseInt(formData.trade_item_quantity, 10)
+              : null,
         }),
       });
 
@@ -155,10 +160,14 @@ export function CreateAdModal({ open, onOpenChange, onSuccess }: CreateAdModalPr
             auction_ends_at: "Término do leilão",
           };
 
-          const validationMessages = data.details.map((detail: { field?: string; message?: string }) => {
-            const fieldLabel = detail.field ? fieldLabels[detail.field] || detail.field : "Campo";
-            return `${fieldLabel}: ${detail.message ?? "preenchimento obrigatório"}`;
-          });
+          const validationMessages = data.details.map(
+            (detail: { field?: string; message?: string }) => {
+              const fieldLabel = detail.field
+                ? fieldLabels[detail.field] || detail.field
+                : "Campo";
+              return `${fieldLabel}: ${detail.message ?? "preenchimento obrigatório"}`;
+            },
+          );
 
           setError(validationMessages.join(" "));
         } else {
@@ -199,7 +208,7 @@ export function CreateAdModal({ open, onOpenChange, onSuccess }: CreateAdModalPr
     if (open) {
       loadServers();
     }
-  }, [open]);
+  }, [open, loadServers]);
 
   const loadServers = async () => {
     setLoadingServers(true);
@@ -295,7 +304,10 @@ export function CreateAdModal({ open, onOpenChange, onSuccess }: CreateAdModalPr
                     </SelectItem>
                   ) : (
                     servers.map((server) => (
-                      <SelectItem key={server.serverId} value={server.serverName}>
+                      <SelectItem
+                        key={server.serverId}
+                        value={server.serverName}
+                      >
                         {server.serverName}
                         {server.location && ` (${server.location})`}
                       </SelectItem>