refactor hooks organization and month picker

components/contas/account-dialog.tsx

@@ -13,6 +13,7 @@ import {
 	updateAccountAction,
 } from "@/app/(dashboard)/contas/actions";
 import { LogoPickerDialog, LogoPickerTrigger } from "@/components/logo-picker";
+import { useLogoSelection } from "@/components/logo-picker/use-logo-selection";
 import { Button } from "@/components/ui/button";
 import {
 	Dialog,
@@ -25,7 +26,6 @@ import {
 } from "@/components/ui/dialog";
 import { useControlledState } from "@/hooks/use-controlled-state";
 import { useFormState } from "@/hooks/use-form-state";
-import { useLogoSelection } from "@/hooks/use-logo-selection";
 import { deriveNameFromLogo, normalizeLogo } from "@/lib/logo";
 import { formatInitialBalanceInput } from "@/lib/utils/currency";
 
@@ -126,16 +126,16 @@ export function AccountDialog({
 	);
 
 	// Use form state hook for form management
-	const { formState, updateField, updateFields, setFormState } =
+	const { formState, resetForm, updateField, updateFields } =
 		useFormState<AccountFormValues>(initialState);
 
 	// Reset form when dialog opens
 	useEffect(() => {
 		if (dialogOpen) {
-			setFormState(initialState);
+			resetForm(initialState);
 			setErrorMessage(null);
 		}
-	}, [dialogOpen, initialState, setFormState]);
+	}, [dialogOpen, initialState, resetForm]);
 
 	// Close logo dialog when main dialog closes
 	useEffect(() => {
@@ -190,7 +190,7 @@ export function AccountDialog({
 				if (result.success) {
 					toast.success(result.message);
 					setDialogOpen(false);
-					setFormState(initialState);
+					resetForm(initialState);
 					return;
 				}
 
@@ -198,7 +198,7 @@ export function AccountDialog({
 				toast.error(result.error);
 			});
 		},
-		[account?.id, formState, initialState, mode, setDialogOpen, setFormState],
+		[account?.id, formState, initialState, mode, resetForm, setDialogOpen],
 	);
 
 	const title = mode === "create" ? "Nova conta" : "Editar conta";