feat: restructure ads mgmt by creating a new layout for ads creation and updating related schemas

app/components/ui/input-file.tsx

@@ -25,6 +25,7 @@ type TInputProperties<T extends FieldValues> = Omit<
   rules?: RegisterOptions
   containerClassName?: string
   labelClassName?: string
+  category?: string
 }
 
 export const InputFile = <TFormValues extends Record<string, unknown>>(
@@ -40,6 +41,7 @@ export const InputFile = <TFormValues extends Record<string, unknown>>(
     className,
     containerClassName,
     labelClassName,
+    category,
     ...restProperties
   } = properties
   const { setIsUploadOpen, uploadedFile, setUploadedFile, isUploadOpen } =
@@ -86,7 +88,7 @@ export const InputFile = <TFormValues extends Record<string, unknown>>(
         size="fit"
         className="absolute right-3 h-[42px]"
         onClick={() => {
-          setIsUploadOpen(name as TUpload)
+          setIsUploadOpen((category || name) as TUpload)
         }}
       >
         <CloudArrowUpIcon className="h-4 w-4 text-gray-500/50" />