post merge fixes

ui/myProfile/fields/MyProfileFieldsName.tsx

@@ -4,7 +4,7 @@ import { useController, useFormContext } from 'react-hook-form';
 
 import type { FormFields } from '../types';
 
-import InputPlaceholder from 'ui/shared/InputPlaceholder';
+import FormInputPlaceholder from 'ui/shared/forms/inputs/FormInputPlaceholder';
 
 const MyProfileFieldsName = () => {
   const { control } = useFormContext<FormFields>();
@@ -24,7 +24,7 @@ const MyProfileFieldsName = () => {
         isReadOnly={ true }
         autoComplete="off"
       />
-      <InputPlaceholder text="Name" error={ fieldState.error }/>
+      <FormInputPlaceholder text="Name" error={ fieldState.error }/>
     </FormControl>
   );
 };

ui/rewards/ReadOnlyInputWithCopy.tsx

@@ -2,7 +2,7 @@ import { FormControl, Input, InputGroup, InputRightElement, Skeleton, chakra } f
 import React from 'react';
 
 import CopyToClipboard from 'ui/shared/CopyToClipboard';
-import InputPlaceholder from 'ui/shared/InputPlaceholder';
+import FormInputPlaceholder from 'ui/shared/forms/inputs/FormInputPlaceholder';
 
 type Props = {
   label: string;
@@ -27,7 +27,7 @@ const ReadOnlyInputWithCopy = ({ label, value, className, isLoading }: Props) =>
             },
           }}
         />
-        <InputPlaceholder text={ label }/>
+        <FormInputPlaceholder text={ label }/>
         <InputRightElement w="40px" display="flex" justifyContent="flex-end" pr={ 2 }>
           <CopyToClipboard text={ value }/>
         </InputRightElement>

ui/rewards/login/steps/LoginStepContent.tsx

@@ -7,7 +7,7 @@ import { useRewardsContext } from 'lib/contexts/rewards';
 import * as cookies from 'lib/cookies';
 import { apos } from 'lib/html-entities';
 import useWallet from 'lib/web3/useWallet';
-import InputPlaceholder from 'ui/shared/InputPlaceholder';
+import FormInputPlaceholder from 'ui/shared/forms/inputs/FormInputPlaceholder';
 import LinkExternal from 'ui/shared/links/LinkExternal';
 import useProfileQuery from 'ui/snippets/auth/useProfileQuery';
 import useSignInWithWallet from 'ui/snippets/auth/useSignInWithWallet';
@@ -115,7 +115,7 @@ const LoginStepContent = ({ goNext, closeModal }: Props) => {
                   onChange={ handleRefCodeChange }
                   isInvalid={ refCodeError }
                 />
-                <InputPlaceholder text="Code"/>
+                <FormInputPlaceholder text="Code"/>
               </FormControl>
               <Text fontSize="sm" variant="secondary" mt={ 1 } color={ refCodeError ? 'red.500' : undefined }>
                 { refCodeError ? 'Incorrect code or format' : 'The code should be in format XXXXXX' }

ui/snippets/auth/fields/AuthModalFieldEmail.tsx

@@ -4,8 +4,8 @@ import { useController, useFormContext } from 'react-hook-form';
 
 import type { EmailFormFields } from '../types';
 
-import { EMAIL_REGEXP } from 'lib/validations/email';
-import InputPlaceholder from 'ui/shared/InputPlaceholder';
+import FormInputPlaceholder from 'ui/shared/forms/inputs/FormInputPlaceholder';
+import { EMAIL_REGEXP } from 'ui/shared/forms/validators/email';
 
 interface Props {
   className?: string;
@@ -31,7 +31,7 @@ const AuthModalFieldEmail = ({ className }: Props) => {
         autoComplete="off"
         bgColor="dialog_bg"
       />
-      <InputPlaceholder text="Email" error={ fieldState.error }/>
+      <FormInputPlaceholder text="Email" error={ fieldState.error }/>
     </FormControl>
   );
 };