feat: Be able to override props with native props (#274)

Author: ddecrulle

src/Input.tsx

@@ -137,7 +137,6 @@ export const Input = memo(
                 {(() => {
                     const nativeInputOrTextArea = (
                         <NativeInputOrTextArea
-                            {...(nativeInputOrTextAreaProps as {})}
                             className={cx(
                                 fr.cx(
                                     "fr-input",
@@ -158,6 +157,7 @@ export const Input = memo(
                             aria-describedby={messageId}
                             type={textArea ? undefined : nativeInputProps?.type ?? "text"}
                             id={inputId}
+                            {...(nativeInputOrTextAreaProps as {})}
                         />
                     );
 

src/Select.tsx

@@ -95,11 +95,11 @@ export const Select = memo(
                     {hint !== undefined && <span className={fr.cx("fr-hint-text")}>{hint}</span>}
                 </label>
                 <select
-                    {...nativeSelectProps}
                     className={cx(fr.cx("fr-select"), nativeSelectProps.className)}
                     id={selectId}
                     aria-describedby={stateDescriptionId}
                     disabled={disabled}
+                    {...nativeSelectProps}
                 >
                     {children}
                 </select>

src/SelectNext.tsx

@@ -145,11 +145,11 @@ function NonMemoizedNonForwardedSelect<T extends SelectProps.Option[]>(
                 {hint !== undefined && <span className={fr.cx("fr-hint-text")}>{hint}</span>}
             </label>
             <select
-                {...(nativeSelectProps as any)}
                 className={cx(fr.cx("fr-select"), nativeSelectProps?.className)}
                 id={selectId}
                 aria-describedby={stateDescriptionId}
                 disabled={disabled}
+                {...(nativeSelectProps as any)}
             >
                 {[
                     {