Minor random fixes

client/src/components/form-items-formatted/currency-form-item.component.jsx

@@ -4,6 +4,7 @@ function FormItemCurrency(props, ref) {
   return (
     <InputNumber
       {...props}
+      ref={ref}
       style={{ width: "initial" }}
       // formatter={(value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ",")}
       // parser={(value) => value.replace(/\$\s?|(,*)/g, "")}

client/src/components/form-items-formatted/email-form-item.component.jsx

@@ -5,6 +5,7 @@ function FormItemEmail(props, ref) {
   return (
     <Input
       {...props}
+      ref={ref}
       addonAfter={
         props.defaultValue || props.value ? (
           <a href={`mailto:${props.defaultValue || props.value}`}>

client/src/components/form-items-formatted/phone-form-item.component.jsx

@@ -1,14 +1,7 @@
 import React, { forwardRef } from "react";
 import NumberFormat from "react-number-format";
 function FormItemPhone(props, ref) {
-  return (
-    <NumberFormat
-      {...props}
-      
-      type="tel"
-      format="###-###-####"
-    />
-  );
+  return <NumberFormat {...props} ref={ref} type="tel" format="###-###-####" />;
 }
 
 export default forwardRef(FormItemPhone);

client/src/components/form-items-formatted/reset-form-item.component.jsx

@@ -1,9 +1,9 @@
 import { Button } from "antd";
-import React from "react";
+import React, { forwardRef } from "react";
 import { useTranslation } from "react-i18next";
 import AlertComponent from "../alert/alert.component";
 
-export default function ResetForm({ resetFields }) {
+function ResetForm({ resetFields }) {
   const { t } = useTranslation();
   return (
     <AlertComponent
@@ -19,3 +19,5 @@ export default function ResetForm({ resetFields }) {
     />
   );
 }
+
+export default forwardRef(ResetForm);