feat: Implement NOT NULL validation for form fields based on table metadata

- Added a new function `isColumnRequired` to determine if a column is required based on its NOT NULL status from the table schema.
- Updated the `SaveModal` and `InteractiveScreenViewer` components to incorporate this validation, ensuring that required fields are accurately assessed during form submission.
- Enhanced the `DynamicComponentRenderer` to reflect the NOT NULL requirement in the component's required state.
- Improved user feedback by marking required fields with an asterisk based on both manual settings and database constraints.

These changes enhance the form validation process, ensuring that users are prompted for all necessary information based on the underlying data structure.

frontend/components/v2/V2Date.tsx

@@ -724,8 +724,7 @@ export const V2Date = forwardRef<HTMLDivElement, V2DateProps>((props, ref) => {
       }}
       className="text-sm font-medium whitespace-nowrap"
     >
-      {label}
-      {required && <span className="ml-0.5 text-orange-500">*</span>}
+      {label}{required && <span className="text-orange-500">*</span>}
     </Label>
   ) : null;
 

frontend/components/v2/V2Hierarchy.tsx

@@ -491,8 +491,7 @@ export const V2Hierarchy = forwardRef<HTMLDivElement, V2HierarchyProps>(
             }}
             className="text-sm font-medium whitespace-nowrap"
           >
-            {label}
-            {required && <span className="text-orange-500 ml-0.5">*</span>}
+            {label}{required && <span className="text-orange-500">*</span>}
           </Label>
         )}
         <div className="h-full w-full">

frontend/components/v2/V2Input.tsx

@@ -994,8 +994,7 @@ export const V2Input = forwardRef<HTMLDivElement, V2InputProps>((props, ref) =>
       }}
       className="text-sm font-medium whitespace-nowrap"
     >
-      {actualLabel}
-      {required && <span className="ml-0.5 text-orange-500">*</span>}
+      {actualLabel}{required && <span className="text-orange-500">*</span>}
     </Label>
   ) : null;
 

frontend/components/v2/V2Media.tsx

@@ -840,8 +840,7 @@ export const V2Media = forwardRef<HTMLDivElement, V2MediaProps>((props, ref) =>
           }}
           className="shrink-0 text-sm font-medium"
         >
-          {label}
-          {required && <span className="ml-0.5 text-orange-500">*</span>}
+          {label}{required && <span className="text-orange-500">*</span>}
         </Label>
       )}
 

frontend/components/v2/V2Select.tsx

@@ -1181,8 +1181,7 @@ export const V2Select = forwardRef<HTMLDivElement, V2SelectProps>(
         }}
         className="text-sm font-medium whitespace-nowrap"
       >
-        {label}
-        {required && <span className="text-orange-500 ml-0.5">*</span>}
+        {label}{required && <span className="text-orange-500">*</span>}
       </Label>
     ) : null;