feat(inputs): enhance the text field props of mui components

Author: ruiaraujo012

src/components/TextField.tsx

@@ -2,27 +2,32 @@ import { type Control, Controller, type FieldPath, type FieldValues } from 'reac
 import { TextField as MuiTextField } from '@mui/material';
 import type { TextFieldProps as MuiTextFieldProps } from '@mui/material';
 
-export interface TextFieldProps<T extends FieldValues> {
+// TODO: Make this interface a generic one
+interface MuiProps {
   muiTextFieldProps?: MuiTextFieldProps;
+}
+
+export interface TextFieldProps<T extends FieldValues> {
   control: Control<T>;
   name: FieldPath<T>;
   label: string;
   isOptional?: boolean;
+  muiProps?: MuiProps;
 }
 
 export const TextField = <T extends FieldValues>({
   control,
   label,
   name,
   isOptional = false,
-  muiTextFieldProps,
+  muiProps,
 }: TextFieldProps<T>) => (
   <Controller
     control={control}
     name={name}
     render={({ field, fieldState: { invalid, error } }) => (
       <MuiTextField
-        {...muiTextFieldProps}
+        {...muiProps?.muiTextFieldProps}
         {...field}
         // TODO: Add all aria labels needed (could be a custom hook/function)
         aria-required={isOptional ? 'false' : 'true'}