feat: update main settings form

Author: ev-d

features/settings/main/components/no-fee-recipient/edit-recipient.tsx

@@ -1,26 +1,14 @@
-import { useController } from 'react-hook-form';
-import { Input, Identicon } from '@lidofinance/lido-ui';
-
 import { vaultTexts } from 'modules/vaults';
-import { isAddress } from 'viem';
+import { AddressInputHookForm } from 'shared/hook-form/controls';
 
 const texts = vaultTexts.actions.settings.fields.nodeOperatorFeeRecipient;
 
 export const EditRecipient = () => {
-  const {
-    field,
-    fieldState: { error },
-  } = useController({ name: 'nodeOperatorFeeRecipient' });
-
   return (
-    <Input
-      {...field}
-      leftDecorator={
-        isAddress(field.value) ? <Identicon address={field.value} /> : null
-      }
+    <AddressInputHookForm
       label={texts.editLabel}
-      error={error?.message}
-      fullwidth
+      fieldName="nodeOperatorFeeRecipient"
+      showRightDecorator={false}
     />
   );
 };

features/settings/main/edit-main-settings.tsx

@@ -25,8 +25,8 @@ export const EditMainSettings = () => {
               {vaultTexts.actions.settings.title}
             </Text>
             <NodeOperator />
-            <NodeOperatorFeeRecipient />
             <Admins />
+            <NodeOperatorFeeRecipient />
             <Voting />
             <MainSettingsAction />
           </SectionContainer>

shared/hook-form/controls/address-input-hook-form.tsx

@@ -9,6 +9,7 @@ type TokenAmountInputHookFormProps = Partial<
 > & {
   fieldName: string;
   showErrorMessage?: boolean;
+  showRightDecorator?: boolean;
 };
 
 const safeIsAddressEqual = (a: string, b: string) => {
@@ -20,6 +21,7 @@ const safeIsAddressEqual = (a: string, b: string) => {
 export const AddressInputHookForm = ({
   fieldName,
   showErrorMessage = true,
+  showRightDecorator = true,
   onBlur: onBlurProp,
   onFocus: onFocusProp,
   disabled,
@@ -35,7 +37,7 @@ export const AddressInputHookForm = ({
   const shouldShowErrorMessage = showErrorMessage && inFocus && !!error;
   const errorMessage = error?.message as string;
 
-  const rightDecorator = (
+  const rightDecorator = showRightDecorator ? (
     <Button
       size="xxs"
       variant="translucent"
@@ -51,7 +53,7 @@ export const AddressInputHookForm = ({
     >
       Current address
     </Button>
-  );
+  ) : null;
 
   return (
     <Input