feat: upgrade to React 19, Next.js 15, React Compiler, HeroUI and Tailwind 4 (#8748)

Co-authored-by: Alan Buscaglia <alanbuscaglia@MacBook-Pro.local>
Co-authored-by: alejandrobailo <alejandrobailo94@gmail.com>
Co-authored-by: César Arroba <cesar@prowler.com>
Co-authored-by: Alejandro Bailo <59607668+alejandrobailo@users.noreply.github.com>

ui/components/scans/forms/edit-scan-form.tsx

@@ -27,7 +27,7 @@ export const EditScanForm = ({
     resolver: zodResolver(formSchema),
     defaultValues: {
       scanId: scanId,
-      scanName: scanName,
+      scanName: scanName || "",
     },
   });
 
@@ -66,10 +66,11 @@ export const EditScanForm = ({
     <Form {...form}>
       <form
         onSubmit={form.handleSubmit(onSubmitClient)}
-        className="flex flex-col space-y-4"
+        className="flex flex-col gap-4"
       >
         <div className="text-md">
-          Current name: <span className="font-bold">{scanName}</span>
+          Current name:{" "}
+          <span className="font-bold">{scanName || "Unnamed"}</span>
         </div>
         <div>
           <CustomInput
@@ -78,7 +79,7 @@ export const EditScanForm = ({
             type="text"
             label="Name"
             labelPlacement="outside"
-            placeholder={scanName}
+            placeholder={scanName || "Enter scan name"}
             variant="bordered"
             isRequired={false}
             isInvalid={!!form.formState.errors.scanName}
@@ -86,7 +87,7 @@ export const EditScanForm = ({
         </div>
         <input type="hidden" name="scanId" value={scanId} />
 
-        <div className="flex w-full justify-center sm:space-x-6">
+        <div className="flex w-full justify-center sm:gap-6">
           <CustomButton
             type="button"
             ariaLabel="Cancel"

ui/components/scans/forms/schedule-form.tsx

@@ -65,7 +65,7 @@ export const ScheduleForm = ({
     <Form {...form}>
       <form
         onSubmit={form.handleSubmit(onSubmitClient)}
-        className="flex flex-col space-y-4"
+        className="flex flex-col gap-4"
       >
         <input type="hidden" name="providerId" value={providerId} />
         <CustomInput
@@ -79,7 +79,7 @@ export const ScheduleForm = ({
           isInvalid={!!form.formState.errors.scheduleDate}
         />
 
-        <div className="flex w-full justify-center sm:space-x-6">
+        <div className="flex w-full justify-center sm:gap-6">
           <CustomButton
             type="button"
             ariaLabel="Cancel"