refactor: fix validation budget input

src/components/dashboards/ProfileModal.tsx

@@ -236,6 +236,8 @@ export const ProfileModal = ({
                 {...register("budgetMin", { valueAsNumber: true })}
                 placeholder="Rp 0"
                 className="border rounded-md focus:ring-2 focus:ring-primary mt-1"
+                min={0}
+                max={100000000000}
               />
               {errors.budgetMin && (
                 <p className="text-red-500 text-xs">
@@ -250,6 +252,8 @@ export const ProfileModal = ({
                 {...register("budgetMax", { valueAsNumber: true })}
                 placeholder="Rp 0"
                 className="border rounded-md focus:ring-2 focus:ring-primary mt-1"
+                min={0}
+                max={100000000000}
               />
               {errors.budgetMax && (
                 <p className="text-red-500 text-xs">

src/hooks/useProfileModal.ts

@@ -25,8 +25,8 @@ export const useProfileModal = ({
       profession: pref.profession ?? "OTHER",
       preferredBrand: pref.preferredBrand ?? "OTHER",
       preferredOS: pref.preferredOS ?? "OTHER",
-      budgetMin: pref.budgetMin ?? 0,
-      budgetMax: pref.budgetMax ?? 0,
+      budgetMin: pref.budgetMin === 0 || !pref.budgetMin ? "" : pref.budgetMin,
+      budgetMax: pref.budgetMax === 0 || !pref.budgetMax ? "" : pref.budgetMax,
     },
   });