Lint all the things

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { SliderPicker } from "react-color";
 //To be used as a form element only.
 

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

@@ -1,5 +1,5 @@
 import { InputNumber } from "antd";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 
 // const locale = "en-us";
 // const currencyFormatter = (value) => {

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

@@ -1,6 +1,6 @@
 import { MailFilled } from "@ant-design/icons";
 import { Input } from "antd";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 
 function FormItemEmail(props, ref) {
   return (

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

@@ -1,10 +1,10 @@
 import { Input } from "antd";
 import i18n from "i18next";
 import parsePhoneNumber from "libphonenumber-js";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import "./phone-form-item.styles.scss";
 
-function FormItemPhone(props, ref) {
+function FormItemPhone(props) {
   return (
     <Input
       // country="ca" ref={ref} className="ant-input"
@@ -15,7 +15,7 @@ function FormItemPhone(props, ref) {
 
 export default forwardRef(FormItemPhone);
 
-export const PhoneItemFormatterValidation = (getFieldValue, name) => ({
+export const PhoneItemFormatterValidation = () => ({
   async validator(rule, value) {
     if (!value) {
       return Promise.resolve();