From 3dcfdaf4e26d502410bfe5c88710970487062e2b Mon Sep 17 00:00:00 2001
From: Major <90963895+Majorfi@users.noreply.github.com>
Date: Tue, 30 May 2023 18:02:06 +0200
Subject: [PATCH] lint: all \t to spaces for const, let and functions (#209)

---
 apps/common/components/AppHeader.tsx          | 20 ++---
 .../components/BalanceReminderPopover.tsx     | 24 ++---
 apps/common/components/HeroTimer.tsx          |  2 +-
 apps/common/components/ImageWithFallback.tsx  |  2 +-
 apps/common/components/ListHead.tsx           |  6 +-
 apps/common/components/ListHero.tsx           | 12 +--
 apps/common/components/Meta.tsx               |  2 +-
 apps/common/components/SearchBar.tsx          |  2 +-
 apps/common/components/SettingsOverwrite.tsx  | 16 ++--
 apps/common/components/Switch.tsx             |  6 +-
 apps/common/components/TokenDropdown.tsx      |  2 +-
 apps/common/components/TokenIcon.tsx          |  2 +-
 apps/common/components/ValueAnimation.tsx     |  8 +-
 apps/common/contexts/useMenu.tsx              | 10 +--
 apps/common/contexts/useWallet.tsx            | 34 +++----
 apps/common/hooks/useBalance.tsx              |  2 +-
 apps/common/hooks/useBalances.tsx             | 64 ++++++-------
 apps/common/hooks/useFetch.ts                 |  4 +-
 apps/common/hooks/useTimer.tsx                | 22 ++---
 apps/common/hooks/useTokenPrice.tsx           |  2 +-
 apps/common/icons/ArrowDown.tsx               |  2 +-
 apps/common/icons/IconArrow.tsx               |  2 +-
 apps/common/icons/IconArrowRight.tsx          |  2 +-
 apps/common/icons/IconChevron.tsx             |  2 +-
 apps/common/icons/IconChevronPlain.tsx        |  2 +-
 apps/common/icons/LogoYearn.tsx               |  2 +-
 apps/common/icons/LogoYearnBlue.tsx           |  2 +-
 apps/common/icons/MessageIcon.tsx             |  2 +-
 apps/common/utils/actions.tsx                 | 10 +--
 apps/common/utils/index.tsx                   | 10 +--
 apps/vaults/components/SettingsPopover.tsx    |  2 +-
 .../details/VaultActionsTabsWrapper.tsx       | 10 +--
 .../details/actions/QuickActionsButtons.tsx   |  6 +-
 .../details/actions/QuickActionsFrom.tsx      |  4 +-
 .../details/actions/QuickActionsSwitch.tsx    |  2 +-
 .../details/actions/QuickActionsTo.tsx        |  4 +-
 .../details/tabs/VaultDetailsHistorical.tsx   |  8 +-
 .../details/tabs/VaultDetailsStrategies.tsx   | 10 +--
 .../details/tabs/VaultDetailsTabsWrapper.tsx  | 10 +--
 .../graphs/GraphForStrategyReports.tsx        | 14 +--
 .../graphs/GraphForVaultEarnings.tsx          |  8 +-
 .../graphs/GraphForVaultPPSGrowth.tsx         |  4 +-
 .../components/graphs/GraphForVaultTVL.tsx    |  8 +-
 .../components/list/VaultListFactory.tsx      | 40 ++++-----
 .../components/list/VaultListOptions.tsx      |  2 +-
 .../components/list/VaultsListEmpty.tsx       |  2 +-
 .../list/VaultsListInternalMigrationRow.tsx   |  2 +-
 .../components/list/VaultsListRetired.tsx     |  2 +-
 apps/vaults/components/list/VaultsListRow.tsx |  2 +-
 apps/vaults/contexts/useActionFlow.tsx        | 40 ++++-----
 apps/vaults/contexts/useAppSettings.tsx       | 14 +--
 apps/vaults/contexts/useStakingRewards.tsx    |  2 +-
 apps/vaults/contexts/useWalletForZaps.tsx     | 14 +--
 apps/vaults/hooks/useAsync.ts                 |  6 +-
 apps/vaults/hooks/useFilteredVaults.ts        |  2 +-
 apps/vaults/hooks/useFindVault.ts             |  4 +-
 apps/vaults/hooks/useSolverChainCoin.ts       |  4 +-
 apps/vaults/hooks/useSolverPartnerContract.ts |  4 +-
 apps/vaults/hooks/useSortVaults.ts            | 28 +++---
 .../hooks/useVaultEstimateOutFetcher.ts       |  2 +-
 apps/vaults/utils/abi/vaultFactory.abi.ts     |  2 +-
 apps/vaults/utils/abi/vaultMigrator.abi.ts    |  2 +-
 apps/vaults/utils/zapOptions.tsx              |  2 +-
 apps/veyfi/contexts/useVotingEscrow.tsx       | 12 +--
 .../components/bribe/GaugeBribeModal.tsx      | 20 ++---
 .../components/bribe/GaugeListEmpty.tsx       |  8 +-
 apps/ybribe/components/bribe/GaugeListRow.tsx | 36 ++++----
 .../components/claim/GaugeListEmpty.tsx       | 14 +--
 apps/ybribe/components/claim/GaugeListRow.tsx | 70 +++++++--------
 .../rewardFeed/RewardFeedTableHead.tsx        |  2 +-
 .../rewardFeed/RewardFeedTableRow.tsx         | 26 +++---
 apps/ybribe/contexts/useBribes.tsx            | 90 +++++++++----------
 apps/ybribe/utils/actions/addReward.tsx       |  2 +-
 apps/ybribe/utils/actions/claimReward.tsx     |  2 +-
 apps/ybribe/utils/index.tsx                   | 12 +--
 apps/ycrv/components/CardMigrateLegacy.tsx    | 24 ++---
 .../ycrv/components/CardTransactorWrapper.tsx | 58 ++++++------
 apps/ycrv/components/CardZap.tsx              | 28 +++---
 apps/ycrv/components/Harvests.tsx             | 10 +--
 apps/ycrv/components/HarvestsListHead.tsx     |  2 +-
 apps/ycrv/components/HarvestsListRow.tsx      |  2 +-
 apps/ycrv/components/QuickActions.tsx         |  4 +-
 apps/ycrv/contexts/useYCRV.tsx                | 74 +++++++--------
 apps/ycrv/utils/actions.ts                    |  2 +-
 apps/ycrv/utils/zapOptions.tsx                |  8 +-
 pages/_app.tsx                                | 16 ++--
 pages/api/getBatchBalances.tsx                | 10 +--
 pages/index.tsx                               | 16 ++--
 pages/vaults/[chainID]/[address].tsx          |  6 +-
 pages/vaults/about.tsx                        |  4 +-
 pages/vaults/factory.tsx                      | 10 +--
 pages/vaults/index.tsx                        | 74 +++++++--------
 pages/ybribe/about.tsx                        |  2 +-
 pages/ybribe/index.tsx                        | 40 ++++-----
 pages/ybribe/offer-bribe.tsx                  | 44 ++++-----
 pages/ycrv/about.tsx                          |  6 +-
 pages/ycrv/holdings.tsx                       | 18 ++--
 pages/ycrv/index.tsx                          | 12 +--
 98 files changed, 654 insertions(+), 654 deletions(-)

diff --git a/apps/common/components/AppHeader.tsx b/apps/common/components/AppHeader.tsx
index 22cf91c32..542ede8e1 100644
--- a/apps/common/components/AppHeader.tsx
+++ b/apps/common/components/AppHeader.tsx
@@ -21,8 +21,8 @@ import {MotionDiv} from './MotionDiv';
 import type {ReactElement} from 'react';
 import type {TMenu} from '@yearn-finance/web-lib/components/Header';
 
-function	Logo(): ReactElement {
-	const	{pathname} = useRouter();
+function Logo(): ReactElement {
+	const {pathname} = useRouter();
 
 	return (
 		<>
@@ -41,7 +41,7 @@ function	Logo(): ReactElement {
 
 }
 
-function	LogoPopover(): ReactElement {
+function LogoPopover(): ReactElement {
 	const [isShowing, set_isShowing] = useState(false);
 
 	return (
@@ -95,12 +95,12 @@ function	LogoPopover(): ReactElement {
 	);
 }
 
-export function	AppHeader(): ReactElement {
-	const	isMounted = useIsMounted();
-	const	{pathname} = useRouter();
-	const	{isActive} = useWeb3();
-	const	{onOpenMenu} = useMenu();
-	const	menu = useMemo((): TMenu[] => {
+export function AppHeader(): ReactElement {
+	const isMounted = useIsMounted();
+	const {pathname} = useRouter();
+	const {isActive} = useWeb3();
+	const {onOpenMenu} = useMenu();
+	const menu = useMemo((): TMenu[] => {
 		const HOME_MENU = {path: '/', label: 'Home'};
 
 		if (pathname.startsWith('/ycrv')) {
@@ -126,7 +126,7 @@ export function	AppHeader(): ReactElement {
 		];
 	}, [pathname]);
 
-	const	supportedNetworks = useMemo((): number[] => {
+	const supportedNetworks = useMemo((): number[] => {
 		if (pathname.startsWith('/ycrv') || pathname.startsWith('/veyfi') || pathname.startsWith('/ybribe')) {
 			return [1];
 		}
diff --git a/apps/common/components/BalanceReminderPopover.tsx b/apps/common/components/BalanceReminderPopover.tsx
index 54db984d8..2888aa27a 100755
--- a/apps/common/components/BalanceReminderPopover.tsx
+++ b/apps/common/components/BalanceReminderPopover.tsx
@@ -25,10 +25,10 @@ type TBalanceReminderElement = {
 	symbol: string,
 }
 
-function	TokenItem({element}: {element: TBalanceReminderElement}): ReactElement {
-	const	{provider} = useWeb3();
-	const	{safeChainID} = useChainID();
-	const	balance = useBalance(element.address);
+function TokenItem({element}: {element: TBalanceReminderElement}): ReactElement {
+	const {provider} = useWeb3();
+	const {safeChainID} = useChainID();
+	const balance = useBalance(element.address);
 
 	async function addTokenToMetamask(address: string, symbol: string, decimals: number, image: string): Promise<void> {
 		if (!provider) {
@@ -91,12 +91,12 @@ function	TokenItem({element}: {element: TBalanceReminderElement}): ReactElement
 }
 
 export default function BalanceReminderPopover(): ReactElement {
-	const	{balances, isLoading} = useWallet();
-	const	{address, ens, isActive, onDesactivate} = useWeb3();
-	const	{vaults} = useYearn();
+	const {balances, isLoading} = useWallet();
+	const {address, ens, isActive, onDesactivate} = useWeb3();
+	const {vaults} = useYearn();
 
-	const	nonNullBalances = useMemo((): TDict<TBalanceData> => {
-		const	nonNullBalances = Object.entries(balances).reduce((acc: TDict<TBalanceData>, [address, balance]): TDict<TBalanceData> => {
+	const nonNullBalances = useMemo((): TDict<TBalanceData> => {
+		const nonNullBalances = Object.entries(balances).reduce((acc: TDict<TBalanceData>, [address, balance]): TDict<TBalanceData> => {
 			if (toBigInt(balance?.raw) > 0n) {
 				acc[toAddress(address)] = balance;
 			}
@@ -105,8 +105,8 @@ export default function BalanceReminderPopover(): ReactElement {
 		return nonNullBalances;
 	}, [balances]);
 
-	const	nonNullBalancesForVault = useMemo((): TBalanceReminderElement[] => {
-		const	nonNullBalancesForVault = Object.entries(nonNullBalances).reduce((acc: TBalanceReminderElement[], [address, balance]): TBalanceReminderElement[] => {
+	const nonNullBalancesForVault = useMemo((): TBalanceReminderElement[] => {
+		const nonNullBalancesForVault = Object.entries(nonNullBalances).reduce((acc: TBalanceReminderElement[], [address, balance]): TBalanceReminderElement[] => {
 			const currentVault = vaults?.[toAddress(address)];
 			if (currentVault) {
 				acc.push({
@@ -121,7 +121,7 @@ export default function BalanceReminderPopover(): ReactElement {
 		return nonNullBalancesForVault;
 	}, [nonNullBalances, vaults]);
 
-	function	renderNoTokenFallback(isLoading: boolean): ReactElement {
+	function renderNoTokenFallback(isLoading: boolean): ReactElement {
 		if (isLoading) {
 			return (
 				<div className={'py-4 text-center text-sm text-neutral-400'}>
diff --git a/apps/common/components/HeroTimer.tsx b/apps/common/components/HeroTimer.tsx
index 1e0f0347e..1d1755ae8 100755
--- a/apps/common/components/HeroTimer.tsx
+++ b/apps/common/components/HeroTimer.tsx
@@ -12,7 +12,7 @@ type TProps = {
 	endTime?: TSeconds;
 }
 
-function	HeroTimer({endTime}: TProps): ReactElement {
+function HeroTimer({endTime}: TProps): ReactElement {
 	const time = useTimer({endTime});
 
 	return (
diff --git a/apps/common/components/ImageWithFallback.tsx b/apps/common/components/ImageWithFallback.tsx
index b92cbc3ff..7fea86ea0 100755
--- a/apps/common/components/ImageWithFallback.tsx
+++ b/apps/common/components/ImageWithFallback.tsx
@@ -7,7 +7,7 @@ import type {ReactElement} from 'react';
 export type TImageWithFallbackProps = ImageProps & {
 	onCatchError?: () => void;
 };
-function	ImageWithFallback(props: TImageWithFallbackProps): ReactElement {
+function ImageWithFallback(props: TImageWithFallbackProps): ReactElement {
 	const {alt, src, onCatchError, ...rest} = props;
 	const [imageSrc, set_imageSrc] = useState(src);
 
diff --git a/apps/common/components/ListHead.tsx b/apps/common/components/ListHead.tsx
index 865c507d5..94e8671f9 100644
--- a/apps/common/components/ListHead.tsx
+++ b/apps/common/components/ListHead.tsx
@@ -17,14 +17,14 @@ export type TListHead = {
 	onSort: (sortBy: string, sortDirection: TSortDirection) => void
 }
 
-function	ListHead({items, dataClassName, sortBy, sortDirection, onSort}: TListHead): ReactElement {
+function ListHead({items, dataClassName, sortBy, sortDirection, onSort}: TListHead): ReactElement {
 	const toggleSortDirection = (newSortBy: string): TSortDirection => {
 		return sortBy === newSortBy ? (
 			sortDirection === '' ? 'desc' : sortDirection === 'desc' ? 'asc' : 'desc'
 		) : 'desc';
 	};
 
-	const	renderChevron = useCallback((shouldSortBy: boolean): ReactElement => {
+	const renderChevron = useCallback((shouldSortBy: boolean): ReactElement => {
 		if (shouldSortBy && sortDirection === 'desc') {
 			return <IconChevronPlain className={'yearn--sort-chevron'} />;
 		}
@@ -34,7 +34,7 @@ function	ListHead({items, dataClassName, sortBy, sortDirection, onSort}: TListHe
 		return <IconChevronPlain className={'yearn--sort-chevron--off text-neutral-300 group-hover:text-neutral-500'} />;
 	}, [sortDirection]);
 
-	const	[first, ...rest] = items;
+	const [first, ...rest] = items;
 	return (
 		<div className={'mt-4 grid w-full grid-cols-1 md:mt-0'}>
 			<div className={'yearn--table-head-wrapper'}>
diff --git a/apps/common/components/ListHero.tsx b/apps/common/components/ListHero.tsx
index 04c46bc5e..51adf892f 100644
--- a/apps/common/components/ListHero.tsx
+++ b/apps/common/components/ListHero.tsx
@@ -34,8 +34,8 @@ export type TListHeroDesktopCategories<T> = {
 	onSelect: (category: T) => void;
 }
 
-function	DesktopCategories<T>({categories, onSelect}: TListHeroDesktopCategories<T>): ReactElement {
-	const	[isClientLoaded, set_isClientLoaded] = useState(false);
+function DesktopCategories<T>({categories, onSelect}: TListHeroDesktopCategories<T>): ReactElement {
+	const [isClientLoaded, set_isClientLoaded] = useState(false);
 	useEffect((): void => {
 		set_isClientLoaded(true);
 	}, []);
@@ -66,10 +66,10 @@ function	DesktopCategories<T>({categories, onSelect}: TListHeroDesktopCategories
 }
 
 function Switch(props: TSwitchProps): ReactElement {
-	const	{isEnabled, onSwitch} = props;
-	const	[isEnabledState, set_isEnabledState] = useState(isEnabled);
+	const {isEnabled, onSwitch} = props;
+	const [isEnabledState, set_isEnabledState] = useState(isEnabled);
 
-	function	safeOnSwitch(): void {
+	function safeOnSwitch(): void {
 		if (onSwitch) {
 			onSwitch(!isEnabled);
 		} else {
@@ -93,7 +93,7 @@ function Switch(props: TSwitchProps): ReactElement {
 	);
 }
 
-function	ListHero<T extends string>({
+function ListHero<T extends string>({
 	headLabel,
 	searchLabel,
 	searchPlaceholder,
diff --git a/apps/common/components/Meta.tsx b/apps/common/components/Meta.tsx
index cd5462255..e1bd981bd 100755
--- a/apps/common/components/Meta.tsx
+++ b/apps/common/components/Meta.tsx
@@ -28,7 +28,7 @@ export type TMetaFile = {
 	orientation: string;
 }
 
-function	Meta({meta}: {meta: TMetaFile}): ReactElement {
+function Meta({meta}: {meta: TMetaFile}): ReactElement {
 	return (
 		<>
 			<Head>
diff --git a/apps/common/components/SearchBar.tsx b/apps/common/components/SearchBar.tsx
index 6b8511b76..d5f6aebfb 100644
--- a/apps/common/components/SearchBar.tsx
+++ b/apps/common/components/SearchBar.tsx
@@ -7,7 +7,7 @@ export type TSearchBar = {
 	set_searchValue: (searchValue: string) => void;
 }
 
-export function	SearchBar({searchLabel, searchPlaceholder, searchValue, set_searchValue}: TSearchBar): ReactElement {
+export function SearchBar({searchLabel, searchPlaceholder, searchValue, set_searchValue}: TSearchBar): ReactElement {
 	return (
 		<div className={'w-full'}>
 			<label
diff --git a/apps/common/components/SettingsOverwrite.tsx b/apps/common/components/SettingsOverwrite.tsx
index ec769c46c..a443189e3 100644
--- a/apps/common/components/SettingsOverwrite.tsx
+++ b/apps/common/components/SettingsOverwrite.tsx
@@ -13,10 +13,10 @@ type TWrappedInput = {
 	onSave: (value: string) => void;
 }
 
-function	WrappedInput({title, initialValue, onSave}: TWrappedInput): ReactElement {
-	const	[isFocused, set_isFocused] = useState(false);
-	const	[value, set_value] = useState(initialValue);
-	const	isInitialValue = useMemo((): boolean => value === initialValue, [value, initialValue]);
+function WrappedInput({title, initialValue, onSave}: TWrappedInput): ReactElement {
+	const [isFocused, set_isFocused] = useState(false);
+	const [value, set_value] = useState(initialValue);
+	const isInitialValue = useMemo((): boolean => value === initialValue, [value, initialValue]);
 
 	return (
 		<label>
@@ -44,11 +44,11 @@ function	WrappedInput({title, initialValue, onSave}: TWrappedInput): ReactElemen
 	);
 }
 
-function	SettingsOverwrite(): ReactElement {
-	const	{onUpdateBaseSettings, onUpdateNetworks, settings: baseAPISettings} = useSettings();
+function SettingsOverwrite(): ReactElement {
+	const {onUpdateBaseSettings, onUpdateNetworks, settings: baseAPISettings} = useSettings();
 	// eslint-disable-next-line @typescript-eslint/naming-convention
-	const 	{value, set} = useLocalStorageValue<boolean>('yearn.finance/feedback-popover');
-	const	[, set_nonce] = useState(0);
+	const {value, set} = useLocalStorageValue<boolean>('yearn.finance/feedback-popover');
+	const [, set_nonce] = useState(0);
 
 	return (
 		<div className={'bg-neutral-100 p-10'}>
diff --git a/apps/common/components/Switch.tsx b/apps/common/components/Switch.tsx
index 144351220..3ef7699ca 100644
--- a/apps/common/components/Switch.tsx
+++ b/apps/common/components/Switch.tsx
@@ -9,10 +9,10 @@ type TSwitch = {
 };
 
 function Switch(props: TSwitch): ReactElement {
-	const	{isEnabled, onSwitch} = props;
-	const	[isEnabledState, set_isEnabledState] = useState(isEnabled);
+	const {isEnabled, onSwitch} = props;
+	const [isEnabledState, set_isEnabledState] = useState(isEnabled);
 
-	function	safeOnSwitch(): void {
+	function safeOnSwitch(): void {
 		if (onSwitch) {
 			onSwitch(!isEnabled);
 		} else {
diff --git a/apps/common/components/TokenDropdown.tsx b/apps/common/components/TokenDropdown.tsx
index 71666a52c..6f6989bec 100755
--- a/apps/common/components/TokenDropdown.tsx
+++ b/apps/common/components/TokenDropdown.tsx
@@ -13,7 +13,7 @@ import type {TDropdownItemProps, TDropdownOption, TDropdownProps} from '@common/
 
 
 function DropdownItem({option, balanceSource}: TDropdownItemProps): ReactElement {
-	const	balance = useBalance(option.value, balanceSource);
+	const balance = useBalance(option.value, balanceSource);
 
 	return (
 		<Combobox.Option value={option}>
diff --git a/apps/common/components/TokenIcon.tsx b/apps/common/components/TokenIcon.tsx
index c6c02e15b..367e29fc7 100644
--- a/apps/common/components/TokenIcon.tsx
+++ b/apps/common/components/TokenIcon.tsx
@@ -17,7 +17,7 @@ function TokenIcon({
 }): ReactElement {
 	const [imageType, set_imageType] = useState<'Vault' | 'Underlying' | 'Fallback'>('Vault');
 
-	function	renderMultipleAssetImage(): ReactElement {
+	function renderMultipleAssetImage(): ReactElement {
 		if (token?.underlyingTokensAddresses?.length === 2) {
 			return (
 				<div className={'flex flex-row items-center justify-center'}>
diff --git a/apps/common/components/ValueAnimation.tsx b/apps/common/components/ValueAnimation.tsx
index dd0576fc2..a5e758755 100755
--- a/apps/common/components/ValueAnimation.tsx
+++ b/apps/common/components/ValueAnimation.tsx
@@ -5,7 +5,7 @@ import {formatAmount} from '@yearn-finance/web-lib/utils/format.number';
 
 import type {ReactElement} from 'react';
 
-function	ValueAnimation({
+function ValueAnimation({
 	identifier,
 	value,
 	defaultValue,
@@ -20,14 +20,14 @@ function	ValueAnimation({
 	suffix?: string,
 	className?: string
 }): ReactElement {
-	const	hasBeenTriggerd = useRef<boolean>(false);
+	const hasBeenTriggerd = useRef<boolean>(false);
 
-	function	initZero(): void {
+	function initZero(): void {
 		const words = document.getElementsByClassName(identifier) as HTMLCollectionOf<HTMLSpanElement>;
 		words[0].style.opacity = '1';
 	}
 
-	function	onStartAnimation(): void {
+	function onStartAnimation(): void {
 		hasBeenTriggerd.current = true;
 		const words = document.getElementsByClassName(identifier) as HTMLCollectionOf<HTMLSpanElement>;
 		const wordArray: HTMLSpanElement[][] = [];
diff --git a/apps/common/contexts/useMenu.tsx b/apps/common/contexts/useMenu.tsx
index 1fd997596..0d5a5727e 100755
--- a/apps/common/contexts/useMenu.tsx
+++ b/apps/common/contexts/useMenu.tsx
@@ -17,7 +17,7 @@ export type TMenu = {
 	menu: TCurrentMenu,
 	onOpenMenu: VoidFunction,
 }
-const	defaultProps: TMenu = {
+const defaultProps: TMenu = {
 	menu: {
 		app: [],
 		isOpen: false
@@ -25,10 +25,10 @@ const	defaultProps: TMenu = {
 	onOpenMenu: (): void => undefined
 };
 
-const	MenuContext = createContext<TMenu>(defaultProps);
+const MenuContext = createContext<TMenu>(defaultProps);
 export const MenuContextApp = ({children}: {children: React.ReactElement}): React.ReactElement => {
-	const	{pathname} = useRouter();
-	const	[menu, set_menu] = useState<TCurrentMenu>(defaultProps.menu);
+	const {pathname} = useRouter();
+	const [menu, set_menu] = useState<TCurrentMenu>(defaultProps.menu);
 
 	const onOpenMenu = useCallback((): void => {
 		if (pathname.startsWith('/ycrv')) {
@@ -54,7 +54,7 @@ export const MenuContextApp = ({children}: {children: React.ReactElement}): Reac
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Setup and render the Context provider to use in the app.
 	***************************************************************************/
-	const	contextValue = useMemo((): TMenu => ({
+	const contextValue = useMemo((): TMenu => ({
 		menu,
 		onOpenMenu
 	}), [menu, onOpenMenu]);
diff --git a/apps/common/contexts/useWallet.tsx b/apps/common/contexts/useWallet.tsx
index 31e6b3601..0268e0d02 100755
--- a/apps/common/contexts/useWallet.tsx
+++ b/apps/common/contexts/useWallet.tsx
@@ -21,7 +21,7 @@ export type	TWalletContext = {
 	refresh: (tokenList?: TUseBalancesTokens[]) => Promise<TDict<TBalanceData>>,
 }
 
-const	defaultProps = {
+const defaultProps = {
 	balances: {},
 	cumulatedValueInVaults: 0,
 	balancesNonce: 0,
@@ -34,20 +34,20 @@ const	defaultProps = {
 ** This context controls most of the user's wallet data we may need to
 ** interact with our app, aka mostly the balances and the token prices.
 ******************************************************************************/
-const	WalletContext = createContext<TWalletContext>(defaultProps);
+const WalletContext = createContext<TWalletContext>(defaultProps);
 export const WalletContextApp = memo(function WalletContextApp({children}: {children: ReactElement}): ReactElement {
-	const	{safeChainID} = useChainID();
-	const	{vaults, vaultsMigrations, vaultsRetired, isLoadingVaultList, prices} = useYearn();
-	const	{onLoadStart, onLoadDone} = useUI();
+	const {safeChainID} = useChainID();
+	const {vaults, vaultsMigrations, vaultsRetired, isLoadingVaultList, prices} = useYearn();
+	const {onLoadStart, onLoadDone} = useUI();
 
 	//List all tokens related to yearn vaults
-	const	availableTokens = useMemo((): TUseBalancesTokens[] => {
+	const availableTokens = useMemo((): TUseBalancesTokens[] => {
 		if (isLoadingVaultList) {
 			return [];
 		}
-		const	tokens: TUseBalancesTokens[] = [];
-		const	tokensExists: TDict<boolean> = {};
-		const	extraTokens = [ETH_TOKEN_ADDRESS];
+		const tokens: TUseBalancesTokens[] = [];
+		const tokensExists: TDict<boolean> = {};
+		const extraTokens = [ETH_TOKEN_ADDRESS];
 		if(safeChainID === 1) {
 			extraTokens.push(...[
 				YCRV_TOKEN_ADDRESS,
@@ -78,8 +78,8 @@ export const WalletContextApp = memo(function WalletContextApp({children}: {chil
 	}, [isLoadingVaultList, safeChainID, vaults]);
 
 	//List all vaults with a possible migration
-	const	migratableTokens = useMemo((): TUseBalancesTokens[] => {
-		const	tokens: TUseBalancesTokens[] = [];
+	const migratableTokens = useMemo((): TUseBalancesTokens[] => {
+		const tokens: TUseBalancesTokens[] = [];
 		Object.values(vaultsMigrations || {}).forEach((vault?: TYDaemonVault): void => {
 			if (!vault) {
 				return;
@@ -89,8 +89,8 @@ export const WalletContextApp = memo(function WalletContextApp({children}: {chil
 		return tokens;
 	}, [vaultsMigrations]);
 
-	const	retiredTokens = useMemo((): TUseBalancesTokens[] => {
-		const	tokens: TUseBalancesTokens[] = [];
+	const retiredTokens = useMemo((): TUseBalancesTokens[] => {
+		const tokens: TUseBalancesTokens[] = [];
 		Object.values(vaultsRetired || {}).forEach((vault?: TYDaemonVault): void => {
 			if (!vault) {
 				return;
@@ -101,13 +101,13 @@ export const WalletContextApp = memo(function WalletContextApp({children}: {chil
 	}, [vaultsRetired]);
 
 	// Fetch the balances
-	const	{data: balances, update, updateSome, nonce, isLoading} = useBalances({
+	const {data: balances, update, updateSome, nonce, isLoading} = useBalances({
 		tokens: [...availableTokens, ...migratableTokens, ...retiredTokens],
 		prices
 	});
 
 	//Compute the cumulatedValueInVaults
-	const	cumulatedValueInVaults = useMemo((): number => {
+	const cumulatedValueInVaults = useMemo((): number => {
 		nonce; //Suppress warning
 
 		return (
@@ -122,7 +122,7 @@ export const WalletContextApp = memo(function WalletContextApp({children}: {chil
 		);
 	}, [vaults, vaultsMigrations, balances, nonce]);
 
-	const	onRefresh = useCallback(async (tokenToUpdate?: TUseBalancesTokens[]): Promise<TDict<TBalanceData>> => {
+	const onRefresh = useCallback(async (tokenToUpdate?: TUseBalancesTokens[]): Promise<TDict<TBalanceData>> => {
 		if (tokenToUpdate) {
 			const updatedBalances = await updateSome(tokenToUpdate);
 			return updatedBalances;
@@ -143,7 +143,7 @@ export const WalletContextApp = memo(function WalletContextApp({children}: {chil
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Setup and render the Context provider to use in the app.
 	***************************************************************************/
-	const	contextValue = useMemo((): TWalletContext => ({
+	const contextValue = useMemo((): TWalletContext => ({
 		balances: balances,
 		balancesNonce: nonce,
 		cumulatedValueInVaults,
diff --git a/apps/common/hooks/useBalance.tsx b/apps/common/hooks/useBalance.tsx
index d7f178485..75c6a1ae3 100644
--- a/apps/common/hooks/useBalance.tsx
+++ b/apps/common/hooks/useBalance.tsx
@@ -7,7 +7,7 @@ import {useWallet} from '@common/contexts/useWallet';
 import type {TAddress, TDict} from '@yearn-finance/web-lib/types';
 import type {TBalanceData} from '@yearn-finance/web-lib/types/hooks';
 
-function	useBalance(
+function useBalance(
 	address: string | TAddress,
 	source?: TDict<TBalanceData>
 ): TBalanceData {
diff --git a/apps/common/hooks/useBalances.tsx b/apps/common/hooks/useBalances.tsx
index 25d564717..d9208ada1 100644
--- a/apps/common/hooks/useBalances.tsx
+++ b/apps/common/hooks/useBalances.tsx
@@ -58,7 +58,7 @@ type TDataRef = {
 /* 🔵 - Yearn Finance **********************************************************
 ** Default status for the loading state.
 ******************************************************************************/
-const		defaultStatus = {
+const defaultStatus = {
 	isLoading: false,
 	isFetching: false,
 	isSuccess: false,
@@ -76,7 +76,7 @@ async function performCall(
 	const _data: TDict<TBalanceData> = {};
 	const results = await multicall({contracts: calls as never[], chainId: chainID});
 
-	let		rIndex = 0;
+	let rIndex = 0;
 	for (const element of tokens) {
 		const {token} = element;
 		const balanceOf = decodeAsBigInt(results[rIndex++]);
@@ -106,14 +106,14 @@ async function getBalances(
 	tokens: TUseBalancesTokens[],
 	prices?: TYDaemonPrices
 ): Promise<[TDict<TBalanceData>, Error | undefined]> {
-	let		result: TDict<TBalanceData> = {};
-	const	calls: ContractFunctionConfig[] = [];
-	const	nativeTokenWrapper = getNativeTokenWrapperContract(chainID);
+	let result: TDict<TBalanceData> = {};
+	const calls: ContractFunctionConfig[] = [];
+	const nativeTokenWrapper = getNativeTokenWrapperContract(chainID);
 
 	for (const element of tokens) {
-		const	{token} = element;
-		const	ownerAddress = address;
-		const	isEth = toAddress(token) === toAddress(ETH_TOKEN_ADDRESS);
+		const {token} = element;
+		const ownerAddress = address;
+		const isEth = toAddress(token) === toAddress(ETH_TOKEN_ADDRESS);
 		if (isEth) {
 			const multicall3Contract = {address: toWagmiAddress(MULTICALL3_ADDRESS), abi: AGGREGATE3_ABI};
 			const baseContract = {address: toWagmiAddress(nativeTokenWrapper), abi: erc20ABI};
@@ -142,17 +142,17 @@ async function getBalances(
 /* 🔵 - Yearn Finance ******************************************************
 ** This hook can be used to fetch balance information for any ERC20 tokens.
 **************************************************************************/
-export function	useBalances(props?: TUseBalancesReq): TUseBalancesRes {
-	const	{address: web3Address, isActive, provider, chainID: web3ChainID} = useWeb3();
-	const	{onLoadStart, onLoadDone} = useUI();
-	const	[nonce, set_nonce] = useState(0);
-	const	[status, set_status] = useState<TDefaultStatus>(defaultStatus);
-	const	[error, set_error] = useState<Error | undefined>(undefined);
-	const	[balances, set_balances] = useState<TNDict<TDict<TBalanceData>>>({});
-	const	data = useRef<TNDict<TDataRef>>({1: {nonce: 0, address: toAddress(), balances: {}}});
-	const	stringifiedTokens = useMemo((): string => JSON.stringify(props?.tokens || []), [props?.tokens]);
-
-	const	updateBalancesCall = useCallback((chainID: number, newRawData: TDict<TBalanceData>): TDict<TBalanceData> => {
+export function useBalances(props?: TUseBalancesReq): TUseBalancesRes {
+	const {address: web3Address, isActive, provider, chainID: web3ChainID} = useWeb3();
+	const {onLoadStart, onLoadDone} = useUI();
+	const [nonce, set_nonce] = useState(0);
+	const [status, set_status] = useState<TDefaultStatus>(defaultStatus);
+	const [error, set_error] = useState<Error | undefined>(undefined);
+	const [balances, set_balances] = useState<TNDict<TDict<TBalanceData>>>({});
+	const data = useRef<TNDict<TDataRef>>({1: {nonce: 0, address: toAddress(), balances: {}}});
+	const stringifiedTokens = useMemo((): string => JSON.stringify(props?.tokens || []), [props?.tokens]);
+
+	const updateBalancesCall = useCallback((chainID: number, newRawData: TDict<TBalanceData>): TDict<TBalanceData> => {
 		if (toAddress(web3Address as string) !== data?.current?.[chainID]?.address) {
 			data.current[chainID] = {
 				address: toAddress(web3Address as string),
@@ -193,25 +193,25 @@ export function	useBalances(props?: TUseBalancesReq): TUseBalancesRes {
 	** This takes the whole list and is not optimized for performance, aka not
 	** send in a worker.
 	**************************************************************************/
-	const	onUpdate = useCallback(async (): Promise<TDict<TBalanceData>> => {
+	const onUpdate = useCallback(async (): Promise<TDict<TBalanceData>> => {
 		if (!isActive || !web3Address || !provider) {
 			return {};
 		}
-		const	tokenList = JSON.parse(stringifiedTokens) || [];
-		const	tokens = tokenList.filter(({token}: TUseBalancesTokens): boolean => !isZeroAddress(token));
+		const tokenList = JSON.parse(stringifiedTokens) || [];
+		const tokens = tokenList.filter(({token}: TUseBalancesTokens): boolean => !isZeroAddress(token));
 		if (tokens.length === 0) {
 			return {};
 		}
 		set_status({...defaultStatus, isLoading: true, isFetching: true, isRefetching: defaultStatus.isFetched});
 		onLoadStart();
 
-		const	chunks = [];
+		const chunks = [];
 		for (let i = 0; i < tokens.length; i += 5_000) {
 			chunks.push(tokens.slice(i, i + 5_000));
 		}
 
 		for (const chunkTokens of chunks) {
-			const	[newRawData, err] = await getBalances((props?.chainID || web3ChainID || 1), web3Address, chunkTokens);
+			const [newRawData, err] = await getBalances((props?.chainID || web3ChainID || 1), web3Address, chunkTokens);
 			if (toAddress(web3Address as string) !== data?.current?.[web3ChainID]?.address) {
 				data.current[web3ChainID] = {
 					address: toAddress(web3Address as string),
@@ -252,18 +252,18 @@ export function	useBalances(props?: TUseBalancesReq): TUseBalancesRes {
 	** token. Even if it's not optimized for performance, it should not be an
 	** issue as it should only be used for a little list of tokens.
 	**************************************************************************/
-	const	onUpdateSome = useCallback(async (tokenList: TUseBalancesTokens[]): Promise<TDict<TBalanceData>> => {
+	const onUpdateSome = useCallback(async (tokenList: TUseBalancesTokens[]): Promise<TDict<TBalanceData>> => {
 		set_status({...defaultStatus, isLoading: true, isFetching: true, isRefetching: defaultStatus.isFetched});
 		onLoadStart();
-		const	tokens = tokenList.filter(({token}: TUseBalancesTokens): boolean => !isZeroAddress(token));
-		const	chunks = [];
+		const tokens = tokenList.filter(({token}: TUseBalancesTokens): boolean => !isZeroAddress(token));
+		const chunks = [];
 		for (let i = 0; i < tokens.length; i += 2_000) {
 			chunks.push(tokens.slice(i, i + 2_000));
 		}
 
 		const tokensAdded: TDict<TBalanceData> = {};
 		for (const chunkTokens of chunks) {
-			const	[newRawData, err] = await getBalances((props?.chainID || web3ChainID || 1), toAddress(web3Address as string), chunkTokens);
+			const [newRawData, err] = await getBalances((props?.chainID || web3ChainID || 1), toAddress(web3Address as string), chunkTokens);
 			if (toAddress(web3Address as string) !== data?.current?.[web3ChainID]?.address) {
 				data.current[web3ChainID] = {
 					address: toAddress(web3Address as string),
@@ -299,7 +299,7 @@ export function	useBalances(props?: TUseBalancesReq): TUseBalancesRes {
 		return tokensAdded;
 	}, [onLoadDone, onLoadStart, props?.chainID, web3Address, web3ChainID]);
 
-	const	assignPrices = useCallback((_rawData: TNDict<TDict<TBalanceData>>): TNDict<TDict<TBalanceData>> => {
+	const assignPrices = useCallback((_rawData: TNDict<TDict<TBalanceData>>): TNDict<TDict<TBalanceData>> => {
 		for (const chainIDStr of Object.keys(_rawData)) {
 			const chainID = Number(chainIDStr);
 			for (const address of Object.keys(_rawData[chainID])) {
@@ -331,8 +331,8 @@ export function	useBalances(props?: TUseBalancesReq): TUseBalancesRes {
 		set_status({...defaultStatus, isLoading: true, isFetching: true, isRefetching: defaultStatus.isFetched});
 		onLoadStart();
 
-		const	tokens = JSON.parse(stringifiedTokens) || [];
-		const	chainID = props?.chainID || web3ChainID || 1;
+		const tokens = JSON.parse(stringifiedTokens) || [];
+		const chainID = props?.chainID || web3ChainID || 1;
 		axios.post('/api/getBatchBalances', {chainID, address: web3Address, tokens})
 			.then((res: AxiosResponse<TGetBatchBalancesResp>): void => {
 				console.log(`Fetched balances for ${tokens.length} tokens`);
@@ -346,7 +346,7 @@ export function	useBalances(props?: TUseBalancesReq): TUseBalancesRes {
 
 	}, [stringifiedTokens, isActive, web3Address]);
 
-	const	contextValue = useMemo((): TUseBalancesRes => ({
+	const contextValue = useMemo((): TUseBalancesRes => ({
 		data: assignPrices(balances || {})?.[web3ChainID] || {},
 		nonce,
 		update: onUpdate,
diff --git a/apps/common/hooks/useFetch.ts b/apps/common/hooks/useFetch.ts
index d54e82673..6e02a6cca 100644
--- a/apps/common/hooks/useFetch.ts
+++ b/apps/common/hooks/useFetch.ts
@@ -11,7 +11,7 @@ type TUseZodProps<T> = {
 	config?: Parameters<typeof useSWR<T>>[2];
 }
 
-export function	useFetch<T>({endpoint, schema, config}: TUseZodProps<T>): SWRResponse<T> & {isSuccess: boolean} {
+export function useFetch<T>({endpoint, schema, config}: TUseZodProps<T>): SWRResponse<T> & {isSuccess: boolean} {
 	const result = useSWR<T>(endpoint, baseFetcher, {revalidateOnFocus: false, ...config});
 
 	if (!result.data || result.isLoading || result.isValidating) {
@@ -25,7 +25,7 @@ export function	useFetch<T>({endpoint, schema, config}: TUseZodProps<T>): SWRRes
 	}
 
 	const parsedData = schema.safeParse(result.data);
-	
+
 	if (!parsedData.success) {
 		console.error(endpoint, parsedData.error);
 		Sentry.captureException(parsedData.error, {tags: {endpoint}});
diff --git a/apps/common/hooks/useTimer.tsx b/apps/common/hooks/useTimer.tsx
index 1496be565..f6929ed60 100755
--- a/apps/common/hooks/useTimer.tsx
+++ b/apps/common/hooks/useTimer.tsx
@@ -11,7 +11,7 @@ type TProps = {
 }
 
 // TODO Check if we can use `getTimeUntil` from the web lib for this computation
-export function	computeTimeLeft({endTime}: {endTime?: TSeconds}): number {
+export function computeTimeLeft({endTime}: {endTime?: TSeconds}): number {
 	if (!endTime) {
 		return 0;
 	}
@@ -22,10 +22,10 @@ export function	computeTimeLeft({endTime}: {endTime?: TSeconds}): number {
 	return ms > 0 ? ms : 0;
 }
 
-function	useTimer({endTime}: TProps): string {
-	const	interval = useRef<NodeJS.Timeout | null>(null);
-	const	timeLeft = computeTimeLeft({endTime});
-	const	[time, set_time] = useState<TMilliseconds>(timeLeft);
+function useTimer({endTime}: TProps): string {
+	const interval = useRef<NodeJS.Timeout | null>(null);
+	const timeLeft = computeTimeLeft({endTime});
+	const [time, set_time] = useState<TMilliseconds>(timeLeft);
 
 	useEffect((): VoidFunction => {
 		interval.current = setInterval((): void => {
@@ -41,12 +41,12 @@ function	useTimer({endTime}: TProps): string {
 	}, [endTime, timeLeft]);
 
 	const formatTimestamp = useCallback((n: number): string => {
-		const	twoDP = (n: number): string | number => (n > 9 ? n : '0' + n);
-		const	duration = dayjs.duration(n, 'milliseconds');
-		const	days = duration.days();
-		const	hours = duration.hours();
-		const	minutes = duration.minutes();
-		const	seconds = duration.seconds();
+		const twoDP = (n: number): string | number => (n > 9 ? n : '0' + n);
+		const duration = dayjs.duration(n, 'milliseconds');
+		const days = duration.days();
+		const hours = duration.hours();
+		const minutes = duration.minutes();
+		const seconds = duration.seconds();
 		if (days) {
 			return `${days}d ${twoDP(hours)}h ${twoDP(minutes)}m ${twoDP(seconds)}s`;
 		}
diff --git a/apps/common/hooks/useTokenPrice.tsx b/apps/common/hooks/useTokenPrice.tsx
index edc40fd01..d01d5ba15 100644
--- a/apps/common/hooks/useTokenPrice.tsx
+++ b/apps/common/hooks/useTokenPrice.tsx
@@ -5,7 +5,7 @@ import {useYearn} from '@common/contexts/useYearn';
 
 import type {TAddress} from '@yearn-finance/web-lib/types';
 
-function	useTokenPrice(address: TAddress): number {
+function useTokenPrice(address: TAddress): number {
 	const {prices} = useYearn();
 
 	const tokenPrice = useMemo((): number => (
diff --git a/apps/common/icons/ArrowDown.tsx b/apps/common/icons/ArrowDown.tsx
index 8f6b6c0ba..aac910600 100755
--- a/apps/common/icons/ArrowDown.tsx
+++ b/apps/common/icons/ArrowDown.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	ArrowDown(props: React.SVGProps<SVGSVGElement>): ReactElement {
+function ArrowDown(props: React.SVGProps<SVGSVGElement>): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/icons/IconArrow.tsx b/apps/common/icons/IconArrow.tsx
index 462a03a3a..d4c93c210 100755
--- a/apps/common/icons/IconArrow.tsx
+++ b/apps/common/icons/IconArrow.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	IconArrow(props: React.SVGProps<SVGSVGElement>): ReactElement {
+function IconArrow(props: React.SVGProps<SVGSVGElement>): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/icons/IconArrowRight.tsx b/apps/common/icons/IconArrowRight.tsx
index f1d08e75f..a81e766da 100755
--- a/apps/common/icons/IconArrowRight.tsx
+++ b/apps/common/icons/IconArrowRight.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	IconArrowRight(props: React.SVGProps<SVGSVGElement>): ReactElement {
+function IconArrowRight(props: React.SVGProps<SVGSVGElement>): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/icons/IconChevron.tsx b/apps/common/icons/IconChevron.tsx
index 9607e4b28..02e7ae672 100755
--- a/apps/common/icons/IconChevron.tsx
+++ b/apps/common/icons/IconChevron.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	IconChevron(props: React.SVGProps<SVGSVGElement>): ReactElement {
+function IconChevron(props: React.SVGProps<SVGSVGElement>): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/icons/IconChevronPlain.tsx b/apps/common/icons/IconChevronPlain.tsx
index d251ddd67..073360db5 100755
--- a/apps/common/icons/IconChevronPlain.tsx
+++ b/apps/common/icons/IconChevronPlain.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	IconChevronPlain(props: React.SVGProps<SVGSVGElement>): ReactElement {
+function IconChevronPlain(props: React.SVGProps<SVGSVGElement>): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/icons/LogoYearn.tsx b/apps/common/icons/LogoYearn.tsx
index 89f673783..c276354dc 100755
--- a/apps/common/icons/LogoYearn.tsx
+++ b/apps/common/icons/LogoYearn.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	LogoYearn(props: React.SVGProps<SVGSVGElement> & {back?: string, front?: string}): ReactElement {
+function LogoYearn(props: React.SVGProps<SVGSVGElement> & {back?: string, front?: string}): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/icons/LogoYearnBlue.tsx b/apps/common/icons/LogoYearnBlue.tsx
index 882ea1710..4fc38781e 100755
--- a/apps/common/icons/LogoYearnBlue.tsx
+++ b/apps/common/icons/LogoYearnBlue.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	LogoYearnBlue(props: React.SVGProps<SVGSVGElement>): ReactElement {
+function LogoYearnBlue(props: React.SVGProps<SVGSVGElement>): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/icons/MessageIcon.tsx b/apps/common/icons/MessageIcon.tsx
index 44676113b..20c71cafa 100755
--- a/apps/common/icons/MessageIcon.tsx
+++ b/apps/common/icons/MessageIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	MessageIcon(props: React.SVGProps<SVGSVGElement>): ReactElement {
+function MessageIcon(props: React.SVGProps<SVGSVGElement>): ReactElement {
 	return (
 		<svg
 			{...props}
diff --git a/apps/common/utils/actions.tsx b/apps/common/utils/actions.tsx
index d32888ba1..e514336f0 100755
--- a/apps/common/utils/actions.tsx
+++ b/apps/common/utils/actions.tsx
@@ -23,7 +23,7 @@ import type {TWriteTransaction} from '@common/utils/toWagmiProvider';
 ** isApprovedERC20 is a _VIEW_ function that checks if a token is approved for
 ** a spender.
 ******************************************************************************/
-export async function	isApprovedERC20(
+export async function isApprovedERC20(
 	connector: Connector | undefined,
 	tokenAddress: TAddress,
 	spender: TAddress,
@@ -44,7 +44,7 @@ export async function	isApprovedERC20(
 ** approvedERC20Amount is a _VIEW_ function that returns the amount of a token
 ** that is approved for a spender.
 ******************************************************************************/
-export async function	approvedERC20Amount(
+export async function approvedERC20Amount(
 	connector: Connector | undefined,
 	tokenAddress: TAddress,
 	spender: TAddress
@@ -70,7 +70,7 @@ type TApproveERC20 = TWriteTransaction & {
 	spenderAddress: TAddressWagmi;
 	amount: bigint;
 };
-export async function	approveERC20(props: TApproveERC20): Promise<TTxResponse> {
+export async function approveERC20(props: TApproveERC20): Promise<TTxResponse> {
 	assertAddress(props.contractAddress);
 	assertAddress(props.spenderAddress);
 
@@ -162,7 +162,7 @@ export async function deposit(props: TDeposit): Promise<TTxResponse> {
 type TDepositEth = TWriteTransaction & {
 	amount: bigint;
 };
-export async function	depositETH(props: TDepositEth): Promise<TTxResponse> {
+export async function depositETH(props: TDepositEth): Promise<TTxResponse> {
 	const wagmiProvider = await toWagmiProvider(props.connector);
 	const destAddress = toWagmiAddress(getEthZapperContract(wagmiProvider.chainId));
 	assertAddress(props.contractAddress);
@@ -386,7 +386,7 @@ type TMigrateShares = TWriteTransaction & {
 	fromVault: TAddressWagmi;
 	toVault: TAddressWagmi;
 };
-export async function	migrateShares(props: TMigrateShares): Promise<TTxResponse> {
+export async function migrateShares(props: TMigrateShares): Promise<TTxResponse> {
 	assertAddress(props.contractAddress);
 	assertAddress(props.fromVault);
 	assertAddress(props.toVault);
diff --git a/apps/common/utils/index.tsx b/apps/common/utils/index.tsx
index 77b98a5d6..5a5cf5628 100755
--- a/apps/common/utils/index.tsx
+++ b/apps/common/utils/index.tsx
@@ -9,7 +9,7 @@ import type {GraphQLResponse} from 'graphql-request/build/esm/types';
 import type {TDict} from '@yearn-finance/web-lib/types';
 import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas';
 
-export function	max(input: bigint, balance: bigint): bigint {
+export function max(input: bigint, balance: bigint): bigint {
 	if (input > balance) {
 		return balance;
 	}
@@ -49,8 +49,8 @@ export function getVaultRawAPY(vaults: TDict<TYDaemonVault | undefined>, vaultAd
 }
 
 export function getAmountWithSlippage(from: string, to: string, value: bigint, slippage: number): number {
-	const	hasLP = (toAddress(from) === LPYCRV_TOKEN_ADDRESS|| toAddress(to) === LPYCRV_TOKEN_ADDRESS);
-	const	isDirectDeposit = (toAddress(from) === YCRV_CURVE_POOL_ADDRESS || toAddress(to) === LPYCRV_TOKEN_ADDRESS);
+	const hasLP = (toAddress(from) === LPYCRV_TOKEN_ADDRESS|| toAddress(to) === LPYCRV_TOKEN_ADDRESS);
+	const isDirectDeposit = (toAddress(from) === YCRV_CURVE_POOL_ADDRESS || toAddress(to) === LPYCRV_TOKEN_ADDRESS);
 
 	if (hasLP && !isDirectDeposit) {
 		const minAmountStr = Number(formatUnits(toBigInt(value), 18));
@@ -74,8 +74,8 @@ export const graphFetcher = async (args: [string, string]): Promise<GraphQLRespo
 };
 
 
-export function	formatDateShort(value: number): string {
-	let		locale = 'fr-FR';
+export function formatDateShort(value: number): string {
+	let locale = 'fr-FR';
 	if (typeof(navigator) !== 'undefined') {
 		locale = navigator.language || 'fr-FR';
 	}
diff --git a/apps/vaults/components/SettingsPopover.tsx b/apps/vaults/components/SettingsPopover.tsx
index 216c65056..559c4fbe8 100755
--- a/apps/vaults/components/SettingsPopover.tsx
+++ b/apps/vaults/components/SettingsPopover.tsx
@@ -8,7 +8,7 @@ import {useYearn} from '@common/contexts/useYearn';
 import type {ReactElement} from 'react';
 
 export default function SettingsPopover(): ReactElement {
-	const	{zapProvider, set_zapProvider, zapSlippage, set_zapSlippage} = useYearn();
+	const {zapProvider, set_zapProvider, zapSlippage, set_zapSlippage} = useYearn();
 
 	return (
 		<Popover className={'relative flex'}>
diff --git a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
index 8ed707dda..a3355f6ec 100755
--- a/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
+++ b/apps/vaults/components/details/VaultActionsTabsWrapper.tsx
@@ -34,14 +34,14 @@ const tabs: TTabsOptions[] = [
 	{value: 2, label: 'Migrate', flowAction: Flow.Migrate, slug: 'migrate'},
 	{value: 3, label: '$OP BOOST', flowAction: Flow.None, slug: 'boost'}
 ];
-function	getCurrentTab({isDepositing, hasMigration, isRetired}: {isDepositing: boolean, hasMigration: boolean, isRetired: boolean}): TTabsOptions {
+function getCurrentTab({isDepositing, hasMigration, isRetired}: {isDepositing: boolean, hasMigration: boolean, isRetired: boolean}): TTabsOptions {
 	if (hasMigration || isRetired) {
 		return tabs[1];
 	}
 	return tabs.find((tab): boolean => tab.value === (isDepositing ? 0 : 1)) as TTabsOptions;
 }
 
-function	VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
+function VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const {onSwitchSelectedOptions, isDepositing, actionParams, currentSolver} = useActionFlow();
 	const [possibleTabs, set_possibleTabs] = useState<TTabsOptions[]>([tabs[0], tabs[1]]);
 	const {stakingRewardsByVault} = useStakingRewards();
@@ -74,8 +74,8 @@ function	VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}):
 				set_currentTab(tabs[1]);
 				onSwitchSelectedOptions(Flow.Withdraw);
 			});
-		} 
-		
+		}
+
 		if (currentVault.chainID === 10 && hasStakingRewards) {
 			performBatchedUpdates((): void => {
 				set_possibleTabs([tabs[0], tabs[1], tabs[3]]);
@@ -163,7 +163,7 @@ function	VaultActionsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}):
 						<Listbox
 							value={currentTab.label}
 							onChange={(value): void => {
-								const	newTab = tabs.find((tab): boolean => tab.value === Number(value));
+								const newTab = tabs.find((tab): boolean => tab.value === Number(value));
 								if (!newTab) {
 									return;
 								}
diff --git a/apps/vaults/components/details/actions/QuickActionsButtons.tsx b/apps/vaults/components/details/actions/QuickActionsButtons.tsx
index 64f4fab36..901b6da69 100644
--- a/apps/vaults/components/details/actions/QuickActionsButtons.tsx
+++ b/apps/vaults/components/details/actions/QuickActionsButtons.tsx
@@ -15,7 +15,7 @@ import {useWallet} from '@common/contexts/useWallet';
 import type {ReactElement} from 'react';
 import type {TNormalizedBN} from '@yearn-finance/web-lib/utils/format.bigNumber';
 
-function	VaultDetailsQuickActionsButtons(): ReactElement {
+function VaultDetailsQuickActionsButtons(): ReactElement {
 	const {refresh} = useWallet();
 	const {refresh: refreshZapBalances} = useWalletForZap();
 	const {address, isActive} = useWeb3();
@@ -70,8 +70,8 @@ function	VaultDetailsQuickActionsButtons(): ReactElement {
 	** This approve can not be triggered if the wallet is not active
 	** (not connected) or if the tx is still pending.
 	**************************************************************************/
-	async function	onApproveFrom(): Promise<void> {
-		const	shouldApproveInfinite = currentSolver === Solver.PARTNER_CONTRACT || currentSolver === Solver.VANILLA || currentSolver === Solver.INTERNAL_MIGRATION;
+	async function onApproveFrom(): Promise<void> {
+		const shouldApproveInfinite = currentSolver === Solver.PARTNER_CONTRACT || currentSolver === Solver.VANILLA || currentSolver === Solver.INTERNAL_MIGRATION;
 		onApprove(
 			shouldApproveInfinite ? MAX_UINT_256 : actionParams?.amount.raw,
 			set_txStatusApprove,
diff --git a/apps/vaults/components/details/actions/QuickActionsFrom.tsx b/apps/vaults/components/details/actions/QuickActionsFrom.tsx
index ee0e37e16..b48b19c53 100644
--- a/apps/vaults/components/details/actions/QuickActionsFrom.tsx
+++ b/apps/vaults/components/details/actions/QuickActionsFrom.tsx
@@ -13,7 +13,7 @@ import {useTokenPrice} from '@common/hooks/useTokenPrice';
 
 import type {ChangeEvent, ReactElement} from 'react';
 
-function	VaultDetailsQuickActionsFrom(): ReactElement {
+function VaultDetailsQuickActionsFrom(): ReactElement {
 	const {isActive} = useWeb3();
 	const {balances} = useWallet();
 	const {
@@ -27,7 +27,7 @@ function	VaultDetailsQuickActionsFrom(): ReactElement {
 	const selectedFromSymbol = actionParams?.selectedOptionFrom?.symbol || 'tokens';
 	const selectedFromIcon = actionParams?.selectedOptionFrom?.icon;
 
-	function	renderMultipleOptionsFallback(): ReactElement {
+	function renderMultipleOptionsFallback(): ReactElement {
 		return (
 			<Dropdown
 				defaultOption={possibleOptionsFrom[0]}
diff --git a/apps/vaults/components/details/actions/QuickActionsSwitch.tsx b/apps/vaults/components/details/actions/QuickActionsSwitch.tsx
index bc280b33d..41c161765 100644
--- a/apps/vaults/components/details/actions/QuickActionsSwitch.tsx
+++ b/apps/vaults/components/details/actions/QuickActionsSwitch.tsx
@@ -3,7 +3,7 @@ import IconArrowRight from '@common/icons/IconArrowRight';
 
 import type {ReactElement} from 'react';
 
-function	VaultDetailsQuickActionsSwitch(): ReactElement {
+function VaultDetailsQuickActionsSwitch(): ReactElement {
 	return (
 		<div className={'mx-auto flex w-full justify-center space-y-0 md:mx-none md:block md:w-14 md:space-y-2'}>
 			<label className={'hidden text-base md:inline'}>&nbsp;</label>
diff --git a/apps/vaults/components/details/actions/QuickActionsTo.tsx b/apps/vaults/components/details/actions/QuickActionsTo.tsx
index 4e465a6fd..38b2c2a0a 100644
--- a/apps/vaults/components/details/actions/QuickActionsTo.tsx
+++ b/apps/vaults/components/details/actions/QuickActionsTo.tsx
@@ -11,13 +11,13 @@ import {useTokenPrice} from '@common/hooks/useTokenPrice';
 
 import type {ReactElement} from 'react';
 
-function	VaultDetailsQuickActionsTo(): ReactElement {
+function VaultDetailsQuickActionsTo(): ReactElement {
 	const {isActive} = useWeb3();
 	const {currentVault, possibleOptionsTo, actionParams, onUpdateSelectedOptionTo, isDepositing} = useActionFlow();
 	const {expectedOut, isLoadingExpectedOut} = useSolver();
 	const selectedOptionToPricePerToken = useTokenPrice(toAddress(actionParams?.selectedOptionTo?.value));
 
-	function	renderMultipleOptionsFallback(): ReactElement {
+	function renderMultipleOptionsFallback(): ReactElement {
 		return (
 			<Dropdown
 				defaultOption={possibleOptionsTo[0]}
diff --git a/apps/vaults/components/details/tabs/VaultDetailsHistorical.tsx b/apps/vaults/components/details/tabs/VaultDetailsHistorical.tsx
index 6388cdd4c..045b2c7be 100755
--- a/apps/vaults/components/details/tabs/VaultDetailsHistorical.tsx
+++ b/apps/vaults/components/details/tabs/VaultDetailsHistorical.tsx
@@ -21,11 +21,11 @@ const GraphForVaultTVL = dynamic<TGraphForVaultTVLProps>(async (): LoaderCompone
 const GraphForVaultPPSGrowth = dynamic<TGraphForVaultPPSGrowthProps>(async (): LoaderComponent<TGraphForVaultPPSGrowthProps> => import('@vaults/components/graphs/GraphForVaultPPSGrowth'), {ssr: false});
 const GraphForVaultEarnings = dynamic<TGraphForVaultEarningsProps>(async (): LoaderComponent<TGraphForVaultEarningsProps> => import('@vaults/components/graphs/GraphForVaultEarnings'), {ssr: false});
 
-function	VaultDetailsHistorical({currentVault, harvestData}: {currentVault: TYDaemonVault, harvestData: TGraphData[]}): ReactElement {
+function VaultDetailsHistorical({currentVault, harvestData}: {currentVault: TYDaemonVault, harvestData: TGraphData[]}): ReactElement {
 	const {safeChainID} = useChainID();
 	const [selectedViewIndex, set_selectedViewIndex] = useState(0);
 
-	const	{data: messariMixedData} = useSWR(currentVault.address ? [
+	const {data: messariMixedData} = useSWR(currentVault.address ? [
 		getMessariSubgraphEndpoint(safeChainID),
 		`{
 			vaultDailySnapshots(
@@ -41,8 +41,8 @@ function	VaultDetailsHistorical({currentVault, harvestData}: {currentVault: TYDa
 		}`
 	] : null, graphFetcher);
 
-	const	messariData = useMemo((): TMessariGraphData[] => {
-		const	_messariMixedData = [...((messariMixedData?.vaultDailySnapshots as {timestamp: string, totalValueLockedUSD: string, pricePerShare: string}[]) || [])];
+	const messariData = useMemo((): TMessariGraphData[] => {
+		const _messariMixedData = [...((messariMixedData?.vaultDailySnapshots as {timestamp: string, totalValueLockedUSD: string, pricePerShare: string}[]) || [])];
 		return (
 			_messariMixedData?.map((elem): TMessariGraphData => ({
 				name: formatDate(Number(elem.timestamp) * 1000),
diff --git a/apps/vaults/components/details/tabs/VaultDetailsStrategies.tsx b/apps/vaults/components/details/tabs/VaultDetailsStrategies.tsx
index 71d8d0eb1..f86158129 100755
--- a/apps/vaults/components/details/tabs/VaultDetailsStrategies.tsx
+++ b/apps/vaults/components/details/tabs/VaultDetailsStrategies.tsx
@@ -33,7 +33,7 @@ type TRiskScoreElementProps = {
 	value?: number;
 };
 
-function	RiskScoreElement({label, value}: TRiskScoreElementProps): ReactElement {
+function RiskScoreElement({label, value}: TRiskScoreElementProps): ReactElement {
 	return (
 		<div className={'flex flex-row items-center justify-between'}>
 			<p className={'text-sm text-neutral-500'}>{label}</p>
@@ -42,11 +42,11 @@ function	RiskScoreElement({label, value}: TRiskScoreElementProps): ReactElement
 	);
 }
 
-function	VaultDetailsStrategy({currentVault, strategy}: TProps): ReactElement {
+function VaultDetailsStrategy({currentVault, strategy}: TProps): ReactElement {
 	const {safeChainID} = useChainID();
 	const {settings: baseAPISettings} = useSettings();
 
-	const	riskScoreElementsMap = useMemo((): TRiskScoreElementProps[] => {
+	const riskScoreElementsMap = useMemo((): TRiskScoreElementProps[] => {
 		const {riskDetails} = strategy.risk || {};
 
 		return ([
@@ -177,12 +177,12 @@ function	VaultDetailsStrategy({currentVault, strategy}: TProps): ReactElement {
 	);
 }
 
-function	isExceptionStrategy(strategy: TYDaemonVaultStrategy): boolean {
+function isExceptionStrategy(strategy: TYDaemonVaultStrategy): boolean {
 	// Curve DAO Fee and Bribes Reinvest
 	return strategy.address.toString() === '0x23724D764d8b3d26852BA20d3Bc2578093d2B022' && !!strategy.details?.inQueue;
 }
 
-function	VaultDetailsStrategies({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
+function VaultDetailsStrategies({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const [searchValue, set_searchValue] = useState<string>('');
 	const [shouldHide0DebtStrategies, set_shouldHide0DebtStrategies] = useState(true);
 
diff --git a/apps/vaults/components/details/tabs/VaultDetailsTabsWrapper.tsx b/apps/vaults/components/details/tabs/VaultDetailsTabsWrapper.tsx
index ec3dfd344..317aabf29 100755
--- a/apps/vaults/components/details/tabs/VaultDetailsTabsWrapper.tsx
+++ b/apps/vaults/components/details/tabs/VaultDetailsTabsWrapper.tsx
@@ -39,7 +39,7 @@ type TExplorerLinkProps = {
 	currentVaultAddress: string;
 }
 
-function	Tabs({selectedAboutTabIndex, set_selectedAboutTabIndex}: TTabs): ReactElement {
+function Tabs({selectedAboutTabIndex, set_selectedAboutTabIndex}: TTabs): ReactElement {
 	const router = useRouter();
 
 	const tabs: TTabsOptions[] = useMemo((): TTabsOptions[] => [
@@ -147,7 +147,7 @@ function ExplorerLink({explorerBaseURI, currentVaultAddress}: TExplorerLinkProps
 	);
 }
 
-function	VaultDetailsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
+function VaultDetailsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const {provider} = useWeb3();
 	const {safeChainID} = useChainID();
 	const {settings: baseAPISettings, networks} = useSettings();
@@ -172,14 +172,14 @@ function	VaultDetailsTabsWrapper({currentVault}: {currentVault: TYDaemonVault}):
 		}
 	}
 
-	const	{data: yDaemonHarvestsData} = useSWR(
+	const {data: yDaemonHarvestsData} = useSWR(
 		`${baseAPISettings.yDaemonBaseURI || process.env.YDAEMON_BASE_URI}/${safeChainID}/vaults/harvests/${currentVault.address}`,
 		baseFetcher,
 		{revalidateOnFocus: false}
 	) as SWRResponse;
 
-	const	harvestData = useMemo((): {name: string; value: number}[] => {
-		const	_yDaemonHarvestsData = [...(yDaemonHarvestsData || [])].reverse();
+	const harvestData = useMemo((): {name: string; value: number}[] => {
+		const _yDaemonHarvestsData = [...(yDaemonHarvestsData || [])].reverse();
 		return (
 			_yDaemonHarvestsData?.map((harvest): {name: string; value: number} => ({
 				name: formatDate(Number(harvest.timestamp) * 1000),
diff --git a/apps/vaults/components/graphs/GraphForStrategyReports.tsx b/apps/vaults/components/graphs/GraphForStrategyReports.tsx
index 9f5f11dc4..06d944f94 100755
--- a/apps/vaults/components/graphs/GraphForStrategyReports.tsx
+++ b/apps/vaults/components/graphs/GraphForStrategyReports.tsx
@@ -20,7 +20,7 @@ export type TGraphForStrategyReportsProps = {
 	height?: number,
 }
 
-function	GraphForStrategyReports({strategy, vaultDecimals, vaultTicker, height = 127}: TGraphForStrategyReportsProps): ReactElement {
+function GraphForStrategyReports({strategy, vaultDecimals, vaultTicker, height = 127}: TGraphForStrategyReportsProps): ReactElement {
 	const {safeChainID} = useChainID();
 	const {settings: baseAPISettings} = useSettings();
 	const {data: reports} = useSWR(
@@ -29,8 +29,8 @@ function	GraphForStrategyReports({strategy, vaultDecimals, vaultTicker, height =
 		{revalidateOnFocus: false}
 	) as SWRResponse;
 
-	const	strategyData = useMemo((): {name: number; value: number, gain: string, loss: string}[] => {
-		const	_reports = [...(reports || [])];
+	const strategyData = useMemo((): {name: number; value: number, gain: string, loss: string}[] => {
+		const _reports = [...(reports || [])];
 		const reportsForGraph = (
 			_reports.reverse()?.map((reports: TYDaemonReport): {name: number; value: number, gain: string, loss: string} => ({
 				name: Number(reports.timestamp),
@@ -77,7 +77,7 @@ function	GraphForStrategyReports({strategy, vaultDecimals, vaultTicker, height =
 						delete e.verticalAnchor;
 						delete e.visibleTicksCount;
 						delete e.tickFormatter;
-						const	formatedValue = formatPercent(value);
+						const formatedValue = formatPercent(value);
 						return <text {...e}>{formatedValue}</text>;
 					}} />
 				<Tooltip
@@ -88,9 +88,9 @@ function	GraphForStrategyReports({strategy, vaultDecimals, vaultTicker, height =
 						}
 						if (payload.length > 0) {
 							const [{value, payload: innerPayload}] = payload;
-							const	{gain, loss} = innerPayload;
-							const	diff = toBigInt(gain) - toBigInt(loss);
-							const	normalizedDiff = formatToNormalizedValue(diff, vaultDecimals);
+							const {gain, loss} = innerPayload;
+							const diff = toBigInt(gain) - toBigInt(loss);
+							const normalizedDiff = formatToNormalizedValue(diff, vaultDecimals);
 
 							return (
 								<div className={'recharts-tooltip'}>
diff --git a/apps/vaults/components/graphs/GraphForVaultEarnings.tsx b/apps/vaults/components/graphs/GraphForVaultEarnings.tsx
index 98d1a5310..ef6935ddc 100755
--- a/apps/vaults/components/graphs/GraphForVaultEarnings.tsx
+++ b/apps/vaults/components/graphs/GraphForVaultEarnings.tsx
@@ -13,9 +13,9 @@ export type TGraphForVaultEarningsProps = {
 	isCumulative?: boolean,
 }
 
-function	GraphForVaultEarnings({currentVault, harvestData, height = 312, isCumulative = true}: TGraphForVaultEarningsProps): ReactElement {
-	const	cumulativeData = useMemo((): {name: string; value: number}[] => {
-		let	cumulativeValue = 0;
+function GraphForVaultEarnings({currentVault, harvestData, height = 312, isCumulative = true}: TGraphForVaultEarningsProps): ReactElement {
+	const cumulativeData = useMemo((): {name: string; value: number}[] => {
+		let cumulativeValue = 0;
 		return (
 			harvestData.map((item: {name: string; value: number}): {name: string; value: number} => {
 				cumulativeValue += item.value;
@@ -66,7 +66,7 @@ function	GraphForVaultEarnings({currentVault, harvestData, height = 312, isCumul
 						delete e.verticalAnchor;
 						delete e.visibleTicksCount;
 						delete e.tickFormatter;
-						const	formatedValue = formatWithUnit(value, 0, 0);
+						const formatedValue = formatWithUnit(value, 0, 0);
 						return <text {...e}>{formatedValue}</text>;
 					}} />
 				<Tooltip
diff --git a/apps/vaults/components/graphs/GraphForVaultPPSGrowth.tsx b/apps/vaults/components/graphs/GraphForVaultPPSGrowth.tsx
index 47eb74dde..067ec0a5a 100755
--- a/apps/vaults/components/graphs/GraphForVaultPPSGrowth.tsx
+++ b/apps/vaults/components/graphs/GraphForVaultPPSGrowth.tsx
@@ -10,7 +10,7 @@ export type TGraphForVaultPPSGrowthProps = {
 	height?: number,
 }
 
-function	GraphForVaultPPSGrowth({messariData, height = 312}: TGraphForVaultPPSGrowthProps): ReactElement {
+function GraphForVaultPPSGrowth({messariData, height = 312}: TGraphForVaultPPSGrowthProps): ReactElement {
 	if (messariData?.length === 0) {
 		return <Fragment />;
 	}
@@ -47,7 +47,7 @@ function	GraphForVaultPPSGrowth({messariData, height = 312}: TGraphForVaultPPSGr
 						delete e.verticalAnchor;
 						delete e.visibleTicksCount;
 						delete e.tickFormatter;
-						const	formatedValue = formatAmount(value, 3, 3);
+						const formatedValue = formatAmount(value, 3, 3);
 						return <text {...e}>{formatedValue}</text>;
 					}} />
 				<Tooltip
diff --git a/apps/vaults/components/graphs/GraphForVaultTVL.tsx b/apps/vaults/components/graphs/GraphForVaultTVL.tsx
index 1c47d348c..5e83b8808 100755
--- a/apps/vaults/components/graphs/GraphForVaultTVL.tsx
+++ b/apps/vaults/components/graphs/GraphForVaultTVL.tsx
@@ -10,7 +10,7 @@ export type TGraphForVaultTVLProps = {
 	height?: number,
 }
 
-function	GraphForVaultTVL({messariData, height = 312}: TGraphForVaultTVLProps): ReactElement {	
+function GraphForVaultTVL({messariData, height = 312}: TGraphForVaultTVLProps): ReactElement {
 	if (messariData?.length === 0) {
 		return <Fragment />;
 	}
@@ -25,7 +25,7 @@ function	GraphForVaultTVL({messariData, height = 312}: TGraphForVaultTVLProps):
 					type={'step'}
 					strokeWidth={2}
 					dataKey={'tvl'}
-					stroke={'currentcolor'} 
+					stroke={'currentcolor'}
 					dot={false}
 					activeDot={(e): ReactElement => {
 						e.className = `${e.className} activeDot`;
@@ -38,7 +38,7 @@ function	GraphForVaultTVL({messariData, height = 312}: TGraphForVaultTVLProps):
 				<YAxis
 					orientation={'right'}
 					domain={['dataMin', 'auto']}
-					hide={false} 
+					hide={false}
 					tick={(e): ReactElement => {
 						const {payload: {value}} = e;
 						e.fill = '#5B5B5B';
@@ -47,7 +47,7 @@ function	GraphForVaultTVL({messariData, height = 312}: TGraphForVaultTVLProps):
 						delete e.verticalAnchor;
 						delete e.visibleTicksCount;
 						delete e.tickFormatter;
-						const	formatedValue = formatWithUnit(value, 0, 0);
+						const formatedValue = formatWithUnit(value, 0, 0);
 						return <text {...e}>{formatedValue}</text>;
 					}} />
 				<Tooltip
diff --git a/apps/vaults/components/list/VaultListFactory.tsx b/apps/vaults/components/list/VaultListFactory.tsx
index 4f60c4817..14c551734 100644
--- a/apps/vaults/components/list/VaultListFactory.tsx
+++ b/apps/vaults/components/list/VaultListFactory.tsx
@@ -19,23 +19,23 @@ import type {TYDaemonVaults} from '@common/schemas/yDaemonVaultsSchemas';
 import type {TSortDirection} from '@common/types/types';
 import type {TPossibleSortBy} from '@vaults/hooks/useSortVaults';
 
-function	VaultListFactory(): ReactElement {
-	const	{balances} = useWallet();
-	const	{vaults, isLoadingVaultList} = useYearn();
-	const	[sortBy, set_sortBy] = useState<TPossibleSortBy>('apy');
-	const	[sortDirection, set_sortDirection] = useState<TSortDirection>('');
-	const	{shouldHideLowTVLVaults, shouldHideDust, searchValue, set_searchValue} = useAppSettings();
-	const	[category, set_category] = useState('Curve Factory Vaults');
+function VaultListFactory(): ReactElement {
+	const {balances} = useWallet();
+	const {vaults, isLoadingVaultList} = useYearn();
+	const [sortBy, set_sortBy] = useState<TPossibleSortBy>('apy');
+	const [sortDirection, set_sortDirection] = useState<TSortDirection>('');
+	const {shouldHideLowTVLVaults, shouldHideDust, searchValue, set_searchValue} = useAppSettings();
+	const [category, set_category] = useState('Curve Factory Vaults');
 
 	/* 🔵 - Yearn Finance **************************************************************************
 	**	It's best to memorize the filtered vaults, which saves a lot of processing time by only
 	**	performing the filtering once.
 	**********************************************************************************************/
-	const	curveVaults = useFilteredVaults(vaults, ({category, type}): boolean => category === 'Curve' && type === 'Automated');
-	const	holdingsVaults = useFilteredVaults(vaults, ({category, address, type}): boolean => {
-		const	holding = balances?.[toAddress(address)];
-		const	hasValidBalance = toBigInt(holding?.raw) > 0n;
-		const	balanceValue = holding?.normalizedValue || 0;
+	const curveVaults = useFilteredVaults(vaults, ({category, type}): boolean => category === 'Curve' && type === 'Automated');
+	const holdingsVaults = useFilteredVaults(vaults, ({category, address, type}): boolean => {
+		const holding = balances?.[toAddress(address)];
+		const hasValidBalance = toBigInt(holding?.raw) > 0n;
+		const balanceValue = holding?.normalizedValue || 0;
 		if (shouldHideDust && balanceValue < 0.01) {
 			return false;
 		} if (hasValidBalance && category === 'Curve' && type === 'Automated') {
@@ -49,8 +49,8 @@ function	VaultListFactory(): ReactElement {
 	**	decide which vaults to display based on the category. No extra filters are applied.
 	**	The possible lists are memoized to avoid unnecessary re-renders.
 	**********************************************************************************************/
-	const	vaultsToDisplay = useMemo((): TYDaemonVaults => {
-		let	_vaultList: TYDaemonVaults = [...Object.values(vaults || {})];
+	const vaultsToDisplay = useMemo((): TYDaemonVaults => {
+		let _vaultList: TYDaemonVaults = [...Object.values(vaults || {})];
 
 		if (category === 'Curve Factory Vaults') {
 			_vaultList = curveVaults;
@@ -69,14 +69,14 @@ function	VaultListFactory(): ReactElement {
 	**	Then, on the vaultsToDisplay list, we apply the search filter. The search filter is
 	**	implemented as a simple string.includes() on the vault name.
 	**********************************************************************************************/
-	const	searchedVaults = useMemo((): TYDaemonVaults => {
-		const	vaultsToUse = [...vaultsToDisplay];
+	const searchedVaults = useMemo((): TYDaemonVaults => {
+		const vaultsToUse = [...vaultsToDisplay];
 
 		if (searchValue === '') {
 			return vaultsToUse;
 		}
 		return vaultsToUse.filter((vault): boolean => {
-			const	searchString = getVaultName(vault);
+			const searchString = getVaultName(vault);
 			return searchString.toLowerCase().includes(searchValue.toLowerCase());
 		});
 	}, [vaultsToDisplay, searchValue]);
@@ -86,13 +86,13 @@ function	VaultListFactory(): ReactElement {
 	**	is done via a custom method that will sort the vaults based on the sortBy and
 	**	sortDirection values.
 	**********************************************************************************************/
-	const	sortedVaultsToDisplay = useSortVaults([...searchedVaults], sortBy, sortDirection);
+	const sortedVaultsToDisplay = useSortVaults([...searchedVaults], sortBy, sortDirection);
 
 	/* 🔵 - Yearn Finance **************************************************************************
 	**	Callback method used to sort the vaults list.
 	**	The use of useCallback() is to prevent the method from being re-created on every render.
 	**********************************************************************************************/
-	const	onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
+	const onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
 		performBatchedUpdates((): void => {
 			set_sortBy(newSortBy as TPossibleSortBy);
 			set_sortDirection(newSortDirection as TSortDirection);
@@ -103,7 +103,7 @@ function	VaultListFactory(): ReactElement {
 	**	The VaultList component is memoized to prevent it from being re-created on every render.
 	**	It contains either the list of vaults, is some are available, or a message to the user.
 	**********************************************************************************************/
-	const	VaultList = useMemo((): ReactNode => {
+	const VaultList = useMemo((): ReactNode => {
 		if (isLoadingVaultList || sortedVaultsToDisplay.length === 0) {
 			return (
 				<VaultsListEmptyFactory
diff --git a/apps/vaults/components/list/VaultListOptions.tsx b/apps/vaults/components/list/VaultListOptions.tsx
index 4ad78d7fc..cb3805d4d 100644
--- a/apps/vaults/components/list/VaultListOptions.tsx
+++ b/apps/vaults/components/list/VaultListOptions.tsx
@@ -7,7 +7,7 @@ import {Switch} from '@common/components/Switch';
 import type {ReactElement} from 'react';
 
 export default function VaultListOptions(): ReactElement {
-	const	{shouldHideDust, onSwitchHideDust, shouldHideLowTVLVaults, onSwitchHideLowTVLVaults} = useAppSettings();
+	const {shouldHideDust, onSwitchHideDust, shouldHideLowTVLVaults, onSwitchHideLowTVLVaults} = useAppSettings();
 
 	return (
 		<Popover className={'relative flex'}>
diff --git a/apps/vaults/components/list/VaultsListEmpty.tsx b/apps/vaults/components/list/VaultsListEmpty.tsx
index 9ef73224b..a6180bf50 100755
--- a/apps/vaults/components/list/VaultsListEmpty.tsx
+++ b/apps/vaults/components/list/VaultsListEmpty.tsx
@@ -41,7 +41,7 @@ export function VaultsListEmpty({
 		);
 	}
 	if (!isLoading && sortedVaultsToDisplay.length === 0 && safeChainID !== 1) {
-		const	chainName = CHAINS[safeChainID]?.name || 'this network';
+		const chainName = CHAINS[safeChainID]?.name || 'this network';
 		return (
 			<div className={'mx-auto flex h-96 w-full flex-col items-center justify-center py-2 px-10 md:w-3/4'}>
 				<b className={'text-center text-lg'}>{'👀 Where Vaults ser?'}</b>
diff --git a/apps/vaults/components/list/VaultsListInternalMigrationRow.tsx b/apps/vaults/components/list/VaultsListInternalMigrationRow.tsx
index f8e7f9f06..c8b9d53b4 100755
--- a/apps/vaults/components/list/VaultsListInternalMigrationRow.tsx
+++ b/apps/vaults/components/list/VaultsListInternalMigrationRow.tsx
@@ -10,7 +10,7 @@ import {getVaultName} from '@common/utils';
 import type {ReactElement} from 'react';
 import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas';
 
-function	VaultsListInternalMigrationRow({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
+function VaultsListInternalMigrationRow({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const {balances} = useWallet();
 	const vaultName = useMemo((): string => getVaultName(currentVault), [currentVault]);
 	const balanceToMigrate = useBalance(currentVault.address, balances);
diff --git a/apps/vaults/components/list/VaultsListRetired.tsx b/apps/vaults/components/list/VaultsListRetired.tsx
index 2f6f4456c..96ed8d2c7 100755
--- a/apps/vaults/components/list/VaultsListRetired.tsx
+++ b/apps/vaults/components/list/VaultsListRetired.tsx
@@ -10,7 +10,7 @@ import {getVaultName} from '@common/utils';
 import type {ReactElement} from 'react';
 import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas';
 
-function	VaultsListRetired({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
+function VaultsListRetired({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const {balances} = useWallet();
 	const vaultName = useMemo((): string => getVaultName(currentVault), [currentVault]);
 	const balanceToMigrate = useBalance(currentVault.address, balances);
diff --git a/apps/vaults/components/list/VaultsListRow.tsx b/apps/vaults/components/list/VaultsListRow.tsx
index 11401b5ba..e2128578c 100755
--- a/apps/vaults/components/list/VaultsListRow.tsx
+++ b/apps/vaults/components/list/VaultsListRow.tsx
@@ -13,7 +13,7 @@ import {getVaultName} from '@common/utils';
 import type {ReactElement} from 'react';
 import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas';
 
-function	VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
+function VaultsListRow({currentVault}: {currentVault: TYDaemonVault}): ReactElement {
 	const {safeChainID} = useChainID();
 	const balanceOfWant = useBalance(currentVault.token.address);
 	const balanceOfCoin = useBalance(ETH_TOKEN_ADDRESS);
diff --git a/apps/vaults/contexts/useActionFlow.tsx b/apps/vaults/contexts/useActionFlow.tsx
index 37848e8c2..cc56b988b 100644
--- a/apps/vaults/contexts/useActionFlow.tsx
+++ b/apps/vaults/contexts/useActionFlow.tsx
@@ -53,7 +53,7 @@ type	TActionFlowContext = {
 	maxDepositPossible: TNormalizedBN;
 	currentSolver: Solver;
 }
-const	DefaultActionFlowContext: TActionFlowContext = {
+const DefaultActionFlowContext: TActionFlowContext = {
 	currentVault: {} as TYDaemonVault, // eslint-disable-line @typescript-eslint/consistent-type-assertions
 	possibleOptionsFrom: [],
 	possibleOptionsTo: [],
@@ -256,14 +256,14 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 		}
 
 
-		const	vaultUnderlying = setZapOption({
+		const vaultUnderlying = setZapOption({
 			name: currentVault?.token?.display_name || currentVault?.token?.name,
 			symbol: currentVault?.token?.symbol,
 			address: toAddress(currentVault.token.address),
 			chainID: currentVault?.chainID === 1337 ? safeChainID : currentVault?.chainID,
 			decimals: currentVault?.token?.decimals || 18
 		});
-		const	vaultToken = setZapOption({
+		const vaultToken = setZapOption({
 			name: currentVault?.display_name || currentVault?.name || currentVault.formated_name,
 			symbol: currentVault?.display_symbol || currentVault.symbol,
 			address: toAddress(currentVault.address),
@@ -294,8 +294,8 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 				}
 			});
 		} else if (nextFlow === Flow.Migrate) {
-			const	userBalance = toBigInt(balances?.[toAddress(currentVault?.address)]?.raw);
-			const	_amount = toNormalizedBN(userBalance, currentVault?.decimals || currentVault?.token?.decimals || 18);
+			const userBalance = toBigInt(balances?.[toAddress(currentVault?.address)]?.raw);
+			const _amount = toNormalizedBN(userBalance, currentVault?.decimals || currentVault?.token?.decimals || 18);
 			actionParamsDispatcher({
 				type: 'all',
 				payload: {
@@ -325,11 +325,11 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 	** token address associated with the currentVault, the amount is set to the vaultDeposit limit.
 	** If not, the amount is set to the user balance for that token.
 	**********************************************************************************************/
-	const	updateParams = useCallback((_selectedFrom: TDropdownOption, _selectedTo: TDropdownOption): void => {
-		const	userBalance = toBigInt(balances?.[toAddress(_selectedFrom?.value)]?.raw);
-		let	_amount = toNormalizedBN(userBalance, _selectedFrom?.decimals || currentVault?.token?.decimals || 18);
+	const updateParams = useCallback((_selectedFrom: TDropdownOption, _selectedTo: TDropdownOption): void => {
+		const userBalance = toBigInt(balances?.[toAddress(_selectedFrom?.value)]?.raw);
+		let _amount = toNormalizedBN(userBalance, _selectedFrom?.decimals || currentVault?.token?.decimals || 18);
 		if (isDepositing) {
-			const	vaultDepositLimit = toBigInt(currentVault?.details?.depositLimit);
+			const vaultDepositLimit = toBigInt(currentVault?.details?.depositLimit);
 			if (_selectedFrom?.value === currentVault?.token?.address) {
 				if (userBalance > vaultDepositLimit) {
 					_amount = toNormalizedBN(vaultDepositLimit, currentVault.token.decimals);
@@ -358,8 +358,8 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 	** vault underlying token and the vault token.
 	**********************************************************************************************/
 	useMountEffect((): void => {
-		const	payloadFrom: TDropdownOption[] = [];
-		const	payloadTo: TDropdownOption[] = [];
+		const payloadFrom: TDropdownOption[] = [];
+		const payloadTo: TDropdownOption[] = [];
 
 		/* 🔵 - Yearn Finance **********************************************************************
 		** Init possibleOptionsFrom and possibleOptionsTo arrays.
@@ -403,14 +403,14 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 		/* 🔵 - Yearn Finance **********************************************************************
 		** Init selectedFrom and selectedTo as default, aka underlyingToken to vaultToken.
 		******************************************************************************************/
-		const	_selectedFrom = setZapOption({
+		const _selectedFrom = setZapOption({
 			name: currentVault?.token?.display_name || currentVault?.token?.name,
 			symbol: currentVault?.token?.symbol,
 			address: toAddress(currentVault.token.address),
 			chainID: currentVault?.chainID === 1337 ? safeChainID : currentVault?.chainID,
 			decimals: currentVault?.token?.decimals || 18
 		});
-		const	_selectedTo = setZapOption({
+		const _selectedTo = setZapOption({
 			name: currentVault?.display_name || currentVault?.name || currentVault.formated_name,
 			symbol: currentVault?.display_symbol || currentVault.symbol,
 			address: toAddress(currentVault.address),
@@ -458,15 +458,15 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 	** The vault token is not included in the list because this has no sense.
 	**********************************************************************************************/
 	useUpdateEffect((): void => {
-		const	_possibleZapOptionsFrom: TDropdownOption[] = [];
-		const	isWithWETH = safeChainID === 1 && currentVault && toAddress(currentVault.token.address) === WETH_TOKEN_ADDRESS;
-		const	isWithWOPT = safeChainID === 10 && currentVault && toAddress(currentVault.token.address) === OPT_WETH_TOKEN_ADDRESS;
-		const	isWithWFTM = safeChainID === 250 && currentVault && toAddress(currentVault.token.address) === WFTM_TOKEN_ADDRESS;
+		const _possibleZapOptionsFrom: TDropdownOption[] = [];
+		const isWithWETH = safeChainID === 1 && currentVault && toAddress(currentVault.token.address) === WETH_TOKEN_ADDRESS;
+		const isWithWOPT = safeChainID === 10 && currentVault && toAddress(currentVault.token.address) === OPT_WETH_TOKEN_ADDRESS;
+		const isWithWFTM = safeChainID === 250 && currentVault && toAddress(currentVault.token.address) === WFTM_TOKEN_ADDRESS;
 
 		Object.entries(zapBalances || {})
 			.filter((): boolean => safeChainID === currentVault?.chainID) // Disable if we are on the wrong chain
 			.forEach(([tokenAddress]): void => {
-				const	tokenListData = tokensList[toAddress(tokenAddress)];
+				const tokenListData = tokensList[toAddress(tokenAddress)];
 				if (isWithWETH && toAddress(tokenListData?.address) === WETH_TOKEN_ADDRESS) {
 				// Do nothing to avoid duplicate wETH in the list
 				} else if (isWithWFTM && toAddress(tokenListData?.address) === WFTM_TOKEN_ADDRESS) {
@@ -501,7 +501,7 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 	** This list is always the same, and is not dependent on the vault.
 	**********************************************************************************************/
 	useEffect((): void => {
-		const	_possibleZapOptionsTo: TDropdownOption[] = [];
+		const _possibleZapOptionsTo: TDropdownOption[] = [];
 
 		externalzapOutTokenList
 			.filter((): boolean => safeChainID === currentVault?.chainID) // Disable if we are on the wrong chain
@@ -524,7 +524,7 @@ function ActionFlowContextApp({children, currentVault}: {children: ReactNode, cu
 	/* 🔵 - Yearn Finance **************************************************************************
 	** FLOW: Store the value from that context in a Memoized variable to avoid useless re-renders
 	**********************************************************************************************/
-	const	contextValue = useMemo((): TActionFlowContext => ({
+	const contextValue = useMemo((): TActionFlowContext => ({
 		currentVault,
 		possibleOptionsFrom: [...actionParams.possibleOptionsFrom, ...possibleZapOptionsFrom],
 		possibleOptionsTo: [...actionParams.possibleOptionsTo, ...possibleZapOptionsTo],
diff --git a/apps/vaults/contexts/useAppSettings.tsx b/apps/vaults/contexts/useAppSettings.tsx
index fb6542f9c..f1d674f90 100755
--- a/apps/vaults/contexts/useAppSettings.tsx
+++ b/apps/vaults/contexts/useAppSettings.tsx
@@ -14,7 +14,7 @@ export type	TAppSettingsContext = {
 	set_category: (v: string) => void
 	set_searchValue: (v: string) => void
 }
-const	defaultProps: TAppSettingsContext = {
+const defaultProps: TAppSettingsContext = {
 	category: '',
 	searchValue: '',
 	shouldHideDust: false,
@@ -25,17 +25,17 @@ const	defaultProps: TAppSettingsContext = {
 	set_searchValue: (): void => undefined
 };
 
-const	AppSettingsContext = createContext<TAppSettingsContext>(defaultProps);
+const AppSettingsContext = createContext<TAppSettingsContext>(defaultProps);
 export const AppSettingsContextApp = memo(function AppSettingsContextApp({children}: {children: ReactElement}): ReactElement {
-	const 	[category, set_category] = useSessionStorage('yearn.finance/vaults-category', 'Featured Vaults');
-	const 	[searchValue, set_searchValue] = useSessionStorage('yearn.finance/vaults-search', '');
-	const	[shouldHideDust, set_shouldHideDust] = useLocalStorage('yearn.finance/hide-dust', true);
-	const	[shouldHideLowTVLVaults, set_shouldHideLowTVLVaults] = useLocalStorage('yearn.finance/hide-low-tvl', false);
+	const [category, set_category] = useSessionStorage('yearn.finance/vaults-category', 'Featured Vaults');
+	const [searchValue, set_searchValue] = useSessionStorage('yearn.finance/vaults-search', '');
+	const [shouldHideDust, set_shouldHideDust] = useLocalStorage('yearn.finance/hide-dust', true);
+	const [shouldHideLowTVLVaults, set_shouldHideLowTVLVaults] = useLocalStorage('yearn.finance/hide-low-tvl', false);
 
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Setup and render the Context provider to use in the app.
 	***************************************************************************/
-	const	contextValue = useMemo((): TAppSettingsContext => ({
+	const contextValue = useMemo((): TAppSettingsContext => ({
 		shouldHideDust,
 		onSwitchHideDust: (): void => set_shouldHideDust(!shouldHideDust),
 		shouldHideLowTVLVaults,
diff --git a/apps/vaults/contexts/useStakingRewards.tsx b/apps/vaults/contexts/useStakingRewards.tsx
index 650200f1a..26eafd58e 100644
--- a/apps/vaults/contexts/useStakingRewards.tsx
+++ b/apps/vaults/contexts/useStakingRewards.tsx
@@ -139,7 +139,7 @@ export const StakingRewardsContextApp = memo(function StakingRewardsContextApp({
 		}
 		const results = await multicall({contracts: calls, chainId: chainID});
 
-		let	resultIndex = 0;
+		let resultIndex = 0;
 		const positionPromises = [];
 		for (const {address} of stakingRewards) {
 			const stake = decodeAsBigInt(results[resultIndex++]);
diff --git a/apps/vaults/contexts/useWalletForZaps.tsx b/apps/vaults/contexts/useWalletForZaps.tsx
index 867f52097..3040b551c 100755
--- a/apps/vaults/contexts/useWalletForZaps.tsx
+++ b/apps/vaults/contexts/useWalletForZaps.tsx
@@ -25,7 +25,7 @@ export type	TWalletForZap = {
 	refresh: (tokenList?: TUseBalancesTokens[]) => Promise<TDict<TBalanceData>>,
 }
 
-const	defaultProps = {
+const defaultProps = {
 	tokensList: {},
 	balances: {},
 	balancesNonce: 0,
@@ -37,7 +37,7 @@ const	defaultProps = {
 ** This context controls most of the user's wallet data we may need to
 ** interact with our app, aka mostly the balances and the token prices.
 ******************************************************************************/
-const	WalletForZap = createContext<TWalletForZap>(defaultProps);
+const WalletForZap = createContext<TWalletForZap>(defaultProps);
 export const WalletForZapApp = memo(function WalletForZapApp({children}: {children: ReactElement}): ReactElement {
 	const {address, isActive} = useWeb3();
 	const {refresh, balancesNonce} = useWallet();
@@ -50,14 +50,14 @@ export const WalletForZapApp = memo(function WalletForZapApp({children}: {childr
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Fetching, for this user, the list of tokens available for zaps
 	***************************************************************************/
-	const	{data: tokensList} = useSWR(
+	const {data: tokensList} = useSWR(
 		address ? `${baseAPISettings.yDaemonBaseURI || process.env.YDAEMON_BASE_URI}/${safeChainID}/tokenlistbalances/${address}` : null,
 		baseFetcher,
 		{revalidateOnFocus: false}
 	) as SWRResponse<TDict<TYDaemonTokensList>>;
 
-	const	availableTokens = useMemo((): TUseBalancesTokens[] => {
-		const	tokens: TUseBalancesTokens[] = [];
+	const availableTokens = useMemo((): TUseBalancesTokens[] => {
+		const tokens: TUseBalancesTokens[] = [];
 		Object.values(tokensList || {}).forEach((token): void => {
 			if (token.chainID !== safeChainID) {
 				return;
@@ -73,7 +73,7 @@ export const WalletForZapApp = memo(function WalletForZapApp({children}: {childr
 	useUpdateEffect((): void => {
 		onLoadStart();
 		set_isLoading(true);
-		const	allToRefresh = availableTokens.map(({token}): TUseBalancesTokens => ({token}));
+		const allToRefresh = availableTokens.map(({token}): TUseBalancesTokens => ({token}));
 		refresh(allToRefresh).then((result): void => {
 			performBatchedUpdates((): void => {
 				set_isLoading(false);
@@ -86,7 +86,7 @@ export const WalletForZapApp = memo(function WalletForZapApp({children}: {childr
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Setup and render the Context provider to use in the app.
 	***************************************************************************/
-	const	contextValue = useMemo((): TWalletForZap => ({
+	const contextValue = useMemo((): TWalletForZap => ({
 		tokensList: tokensList || {},
 		balances: zapBalances,
 		balancesNonce: balancesNonce,
diff --git a/apps/vaults/hooks/useAsync.ts b/apps/vaults/hooks/useAsync.ts
index 21100c659..e1a0d4c91 100644
--- a/apps/vaults/hooks/useAsync.ts
+++ b/apps/vaults/hooks/useAsync.ts
@@ -6,7 +6,7 @@ import type {VoidPromiseFunction} from '@yearn-finance/web-lib/types';
 /**
  * @deprecated Use `@react-hookz/web` instead
  */
-function	useAsync<T>(
+function useAsync<T>(
 	callback: (...args: unknown[]) => Promise<T | undefined>,
 	defaultValue?: T,
 	effectDependencies: unknown[] = []
@@ -17,9 +17,9 @@ function	useAsync<T>(
 
 	const callCallback = useCallback(async (): Promise<void> => {
 		set_isLoading(true);
-		const	currentNonce = runNonce.current;
+		const currentNonce = runNonce.current;
 		try {
-			const	res = await callback();
+			const res = await callback();
 			if (currentNonce === runNonce.current) {
 				performBatchedUpdates((): void => {
 					set_isLoading(false);
diff --git a/apps/vaults/hooks/useFilteredVaults.ts b/apps/vaults/hooks/useFilteredVaults.ts
index 75cc37ab2..1764456b8 100644
--- a/apps/vaults/hooks/useFilteredVaults.ts
+++ b/apps/vaults/hooks/useFilteredVaults.ts
@@ -3,7 +3,7 @@ import {useMemo} from 'react';
 import type {TDict} from '@yearn-finance/web-lib/types';
 import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas';
 
-function	useFilteredVaults(
+function useFilteredVaults(
 	vaultMap: TDict<TYDaemonVault>,
 	condition: (v: TYDaemonVault) => boolean
 ): TYDaemonVault[] {
diff --git a/apps/vaults/hooks/useFindVault.ts b/apps/vaults/hooks/useFindVault.ts
index 8bdf8f30a..b1a2a9f9d 100644
--- a/apps/vaults/hooks/useFindVault.ts
+++ b/apps/vaults/hooks/useFindVault.ts
@@ -3,11 +3,11 @@ import {useMemo} from 'react';
 import type {TDict} from '@yearn-finance/web-lib/types';
 import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas';
 
-function	useFindVault(
+function useFindVault(
 	vaultMap: TDict<TYDaemonVault>,
 	condition: (v: TYDaemonVault) => boolean
 ): TYDaemonVault | null {
-	const	foundVault = useMemo((): TYDaemonVault | undefined => {
+	const foundVault = useMemo((): TYDaemonVault | undefined => {
 		return Object.values(vaultMap).find((vault): boolean => condition(vault));
 	}, [vaultMap, condition]);
 
diff --git a/apps/vaults/hooks/useSolverChainCoin.ts b/apps/vaults/hooks/useSolverChainCoin.ts
index 40ff1f40e..e287046c3 100644
--- a/apps/vaults/hooks/useSolverChainCoin.ts
+++ b/apps/vaults/hooks/useSolverChainCoin.ts
@@ -74,7 +74,7 @@ export function useSolverChainCoin(): TSolverContext {
 	** as in the initial request and it will fails if request is not set.
 	** init should be called first to initialize the request.
 	**********************************************************************************************/
-	const	refreshQuote = useCallback(async (): Promise<void> => {
+	const refreshQuote = useCallback(async (): Promise<void> => {
 		if (request.current) {
 			getQuote(request.current);
 		}
@@ -85,7 +85,7 @@ export function useSolverChainCoin(): TSolverContext {
 	** display the current value to the user.
 	**************************************************************************/
 	const onRetrieveExpectedOut = useCallback(async (request: TInitSolverArgs): Promise<TNormalizedBN> => {
-		const	quoteResult = await getQuote(request, true);
+		const quoteResult = await getQuote(request, true);
 		return quoteResult;
 	}, [getQuote]);
 
diff --git a/apps/vaults/hooks/useSolverPartnerContract.ts b/apps/vaults/hooks/useSolverPartnerContract.ts
index 1df7aeaa6..0e903ce7b 100644
--- a/apps/vaults/hooks/useSolverPartnerContract.ts
+++ b/apps/vaults/hooks/useSolverPartnerContract.ts
@@ -77,7 +77,7 @@ export function useSolverPartnerContract(): TSolverContext {
 	** as in the initial request and it will fails if request is not set.
 	** init should be called first to initialize the request.
 	**********************************************************************************************/
-	const	refreshQuote = useCallback(async (): Promise<void> => {
+	const refreshQuote = useCallback(async (): Promise<void> => {
 		if (request.current) {
 			getQuote(request.current);
 		}
@@ -88,7 +88,7 @@ export function useSolverPartnerContract(): TSolverContext {
 	** display the current value to the user.
 	**************************************************************************/
 	const onRetrieveExpectedOut = useCallback(async (request: TInitSolverArgs): Promise<TNormalizedBN> => {
-		const	quoteResult = await getQuote(request, true);
+		const quoteResult = await getQuote(request, true);
 		return quoteResult;
 	}, [getQuote]);
 
diff --git a/apps/vaults/hooks/useSortVaults.ts b/apps/vaults/hooks/useSortVaults.ts
index 4edd23cec..2e3cfd55e 100644
--- a/apps/vaults/hooks/useSortVaults.ts
+++ b/apps/vaults/hooks/useSortVaults.ts
@@ -12,27 +12,27 @@ import type {TSortDirection} from '@common/types/types';
 
 export type TPossibleSortBy = 'apy' | 'tvl' | 'name' | 'deposited' | 'available';
 
-function	useSortVaults(
+function useSortVaults(
 	vaultList: TYDaemonVaults,
 	sortBy: TPossibleSortBy,
 	sortDirection: TSortDirection
 ): TYDaemonVaults {
-	const	{balances, balancesNonce} = useWallet();
+	const {balances, balancesNonce} = useWallet();
 	const {stakingRewardsByVault, positionsMap} = useStakingRewards();
-	
-	const	sortedByName = useCallback((): TYDaemonVaults => (
+
+	const sortedByName = useCallback((): TYDaemonVaults => (
 		vaultList.sort((a, b): number => stringSort({a: getVaultName(a), b: getVaultName(b), sortDirection}))
 	), [sortDirection, vaultList]);
 
-	const	sortedByAPY = useCallback((): TYDaemonVaults => (
+	const sortedByAPY = useCallback((): TYDaemonVaults => (
 		vaultList.sort((a, b): number => numberSort({a: a.apy?.net_apy, b: b.apy?.net_apy, sortDirection}))
 	), [sortDirection, vaultList]);
 
-	const	sortedByTVL = useCallback((): TYDaemonVaults => (
+	const sortedByTVL = useCallback((): TYDaemonVaults => (
 		vaultList.sort((a, b): number => numberSort({a: a.tvl.tvl, b: b.tvl.tvl, sortDirection}))
 	), [sortDirection, vaultList]);
 
-	const	sortedByDeposited = useCallback((): TYDaemonVaults => {
+	const sortedByDeposited = useCallback((): TYDaemonVaults => {
 		balancesNonce; // remove warning, force deep refresh
 		return (
 			vaultList.sort((a, b): number => {
@@ -48,12 +48,12 @@ function	useSortVaults(
 		);
 	}, [balancesNonce, vaultList, balances, positionsMap, stakingRewardsByVault, sortDirection]);
 
-	const	sortedByAvailable = useCallback((): TYDaemonVaults => {
+	const sortedByAvailable = useCallback((): TYDaemonVaults => {
 		balancesNonce; // remove warning, force deep refresh
-		const	chainCoinBalance = balances[ETH_TOKEN_ADDRESS]?.normalized || 0;
+		const chainCoinBalance = balances[ETH_TOKEN_ADDRESS]?.normalized || 0;
 		return vaultList.sort((a, b): number => {
-			let	aBalance = (balances[toAddress(a.token.address)]?.normalized || 0);
-			let	bBalance = (balances[toAddress(b.token.address)]?.normalized || 0);
+			let aBalance = (balances[toAddress(a.token.address)]?.normalized || 0);
+			let bBalance = (balances[toAddress(b.token.address)]?.normalized || 0);
 			if ([WETH_TOKEN_ADDRESS, WFTM_TOKEN_ADDRESS].includes(toAddress(a.token.address))) {
 				aBalance += chainCoinBalance;
 			} else if ([WETH_TOKEN_ADDRESS, WFTM_TOKEN_ADDRESS].includes(toAddress(b.token.address))) {
@@ -67,9 +67,9 @@ function	useSortVaults(
 		});
 	}, [balances, balancesNonce, sortDirection, vaultList]);
 
-	const	stringifiedVaultList = JSON.stringify(vaultList);
-	const	sortedVaults = useMemo((): TYDaemonVaults => {
-		const	sortResult = JSON.parse(stringifiedVaultList);
+	const stringifiedVaultList = JSON.stringify(vaultList);
+	const sortedVaults = useMemo((): TYDaemonVaults => {
+		const sortResult = JSON.parse(stringifiedVaultList);
 		if (sortDirection === '') {
 			return sortResult;
 		}
diff --git a/apps/vaults/hooks/useVaultEstimateOutFetcher.ts b/apps/vaults/hooks/useVaultEstimateOutFetcher.ts
index 219eb27cc..f196ff1d9 100644
--- a/apps/vaults/hooks/useVaultEstimateOutFetcher.ts
+++ b/apps/vaults/hooks/useVaultEstimateOutFetcher.ts
@@ -14,7 +14,7 @@ export type TVaultEstimateOutFetcher = [
 	isDepositing: boolean
 ]
 
-export function	useVaultEstimateOutFetcher(): (args: TVaultEstimateOutFetcher) => Promise<TNormalizedBN> {
+export function useVaultEstimateOutFetcher(): (args: TVaultEstimateOutFetcher) => Promise<TNormalizedBN> {
 	const {chainID} = useWeb3();
 
 	const retrieveExpectedOut = useCallback(async (args: TVaultEstimateOutFetcher): Promise<TNormalizedBN> => {
diff --git a/apps/vaults/utils/abi/vaultFactory.abi.ts b/apps/vaults/utils/abi/vaultFactory.abi.ts
index c2790ef5f..0c8fa4ea5 100644
--- a/apps/vaults/utils/abi/vaultFactory.abi.ts
+++ b/apps/vaults/utils/abi/vaultFactory.abi.ts
@@ -1,3 +1,3 @@
-const	VAULT_FACTORY_ABI = [{'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}, {'internalType':'address', 'name':'_convexStratImplementation', 'type':'address'}, {'internalType':'address', 'name':'_curveStratImplementation', 'type':'address'}, {'internalType':'address', 'name':'_convexFraxStratImplementation', 'type':'address'}, {'internalType':'address', 'name':'_owner', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'constructor'}, {'anonymous':false, 'inputs':[{'indexed':true, 'internalType':'uint256', 'name':'category', 'type':'uint256'}, {'indexed':true, 'internalType':'address', 'name':'lpToken', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'gauge', 'type':'address'}, {'indexed':true, 'internalType':'address', 'name':'vault', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'convexStrategy', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'curveStrategy', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'convexFraxStrategy', 'type':'address'}], 'name':'NewAutomatedVault', 'type':'event'}, {'inputs':[], 'name':'CATEGORY', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'CVX', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'acceptOwner', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'allDeployedVaults', 'outputs':[{'internalType':'address[]', 'name':'', 'type':'address[]'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'baseFeeOracle', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'booster', 'outputs':[{'internalType':'contract IBooster', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'canCreateVaultPermissionlessly', 'outputs':[{'internalType':'bool', 'name':'', 'type':'bool'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexFraxPoolRegistry', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexFraxStratImplementation', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexPoolManager', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexStratImplementation', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexVoter', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'createNewVaultsAndStrategies', 'outputs':[{'internalType':'address', 'name':'vault', 'type':'address'}, {'internalType':'address', 'name':'convexStrategy', 'type':'address'}, {'internalType':'address', 'name':'curveStrategy', 'type':'address'}, {'internalType':'address', 'name':'convexFraxStrategy', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}, {'internalType':'string', 'name':'_name', 'type':'string'}, {'internalType':'string', 'name':'_symbol', 'type':'string'}], 'name':'createNewVaultsAndStrategiesPermissioned', 'outputs':[{'internalType':'address', 'name':'vault', 'type':'address'}, {'internalType':'address', 'name':'convexStrategy', 'type':'address'}, {'internalType':'address', 'name':'curveStrategy', 'type':'address'}, {'internalType':'address', 'name':'convexFraxStrategy', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'curveStratImplementation', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'curveVoter', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'name':'deployedVaults', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'depositLimit', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'doesStrategyProxyHaveGauge', 'outputs':[{'internalType':'bool', 'name':'', 'type':'bool'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'fraxBooster', 'outputs':[{'internalType':'contract IBooster', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'fraxVoter', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_convexPid', 'type':'uint256'}], 'name':'getFraxInfo', 'outputs':[{'internalType':'bool', 'name':'hasFraxPool', 'type':'bool'}, {'internalType':'uint256', 'name':'convexFraxPid', 'type':'uint256'}, {'internalType':'address', 'name':'stakingAddress', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'getPid', 'outputs':[{'internalType':'uint256', 'name':'pid', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'getProxy', 'outputs':[{'internalType':'address', 'name':'proxy', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'governance', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'guardian', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'harvestProfitMaxInUsdc', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'harvestProfitMinInUsdc', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'healthCheck', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keepCRV', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keepCVX', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keepFXS', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keeper', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'latestStandardVaultFromGauge', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'management', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'managementFee', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'numVaults', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'owner', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'pendingOwner', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'performanceFee', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'registry', 'outputs':[{'internalType':'contract IRegistry', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_baseFeeOracle', 'type':'address'}], 'name':'setBaseFeeOracle', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_booster', 'type':'address'}], 'name':'setBooster', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexFraxPoolRegistry', 'type':'address'}], 'name':'setConvexFraxPoolRegistry', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexFraxStratImplementation', 'type':'address'}], 'name':'setConvexFraxStratImplementation', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexPoolManager', 'type':'address'}], 'name':'setConvexPoolManager', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexStratImplementation', 'type':'address'}], 'name':'setConvexStratImplementation', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_curveStratImplementation', 'type':'address'}], 'name':'setCurveStratImplementation', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_depositLimit', 'type':'uint256'}], 'name':'setDepositLimit', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_fraxBooster', 'type':'address'}], 'name':'setFraxBooster', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_governance', 'type':'address'}], 'name':'setGovernance', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_guardian', 'type':'address'}], 'name':'setGuardian', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_harvestProfitMaxInUsdc', 'type':'uint256'}], 'name':'setHarvestProfitMaxInUsdc', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_harvestProfitMinInUsdc', 'type':'uint256'}], 'name':'setHarvestProfitMinInUsdc', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_health', 'type':'address'}], 'name':'setHealthcheck', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_keepCRV', 'type':'uint256'}, {'internalType':'address', 'name':'_curveVoter', 'type':'address'}], 'name':'setKeepCRV', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_keepCVX', 'type':'uint256'}, {'internalType':'address', 'name':'_convexVoter', 'type':'address'}], 'name':'setKeepCVX', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_keepFXS', 'type':'uint256'}, {'internalType':'address', 'name':'_fraxVoter', 'type':'address'}], 'name':'setKeepFXS', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_keeper', 'type':'address'}], 'name':'setKeeper', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_management', 'type':'address'}], 'name':'setManagement', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_managementFee', 'type':'uint256'}], 'name':'setManagementFee', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'newOwner', 'type':'address'}], 'name':'setOwner', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_performanceFee', 'type':'uint256'}], 'name':'setPerformanceFee', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}], 'name':'setRegistry', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_tradeFactory', 'type':'address'}], 'name':'setTradeFactory', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_treasury', 'type':'address'}], 'name':'setTreasury', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'tradeFactory', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'treasury', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}] as const;
+const VAULT_FACTORY_ABI = [{'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}, {'internalType':'address', 'name':'_convexStratImplementation', 'type':'address'}, {'internalType':'address', 'name':'_curveStratImplementation', 'type':'address'}, {'internalType':'address', 'name':'_convexFraxStratImplementation', 'type':'address'}, {'internalType':'address', 'name':'_owner', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'constructor'}, {'anonymous':false, 'inputs':[{'indexed':true, 'internalType':'uint256', 'name':'category', 'type':'uint256'}, {'indexed':true, 'internalType':'address', 'name':'lpToken', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'gauge', 'type':'address'}, {'indexed':true, 'internalType':'address', 'name':'vault', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'convexStrategy', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'curveStrategy', 'type':'address'}, {'indexed':false, 'internalType':'address', 'name':'convexFraxStrategy', 'type':'address'}], 'name':'NewAutomatedVault', 'type':'event'}, {'inputs':[], 'name':'CATEGORY', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'CVX', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'acceptOwner', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'allDeployedVaults', 'outputs':[{'internalType':'address[]', 'name':'', 'type':'address[]'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'baseFeeOracle', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'booster', 'outputs':[{'internalType':'contract IBooster', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'canCreateVaultPermissionlessly', 'outputs':[{'internalType':'bool', 'name':'', 'type':'bool'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexFraxPoolRegistry', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexFraxStratImplementation', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexPoolManager', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexStratImplementation', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'convexVoter', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'createNewVaultsAndStrategies', 'outputs':[{'internalType':'address', 'name':'vault', 'type':'address'}, {'internalType':'address', 'name':'convexStrategy', 'type':'address'}, {'internalType':'address', 'name':'curveStrategy', 'type':'address'}, {'internalType':'address', 'name':'convexFraxStrategy', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}, {'internalType':'string', 'name':'_name', 'type':'string'}, {'internalType':'string', 'name':'_symbol', 'type':'string'}], 'name':'createNewVaultsAndStrategiesPermissioned', 'outputs':[{'internalType':'address', 'name':'vault', 'type':'address'}, {'internalType':'address', 'name':'convexStrategy', 'type':'address'}, {'internalType':'address', 'name':'curveStrategy', 'type':'address'}, {'internalType':'address', 'name':'convexFraxStrategy', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'curveStratImplementation', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'curveVoter', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'name':'deployedVaults', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'depositLimit', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'doesStrategyProxyHaveGauge', 'outputs':[{'internalType':'bool', 'name':'', 'type':'bool'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'fraxBooster', 'outputs':[{'internalType':'contract IBooster', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'fraxVoter', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_convexPid', 'type':'uint256'}], 'name':'getFraxInfo', 'outputs':[{'internalType':'bool', 'name':'hasFraxPool', 'type':'bool'}, {'internalType':'uint256', 'name':'convexFraxPid', 'type':'uint256'}, {'internalType':'address', 'name':'stakingAddress', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'getPid', 'outputs':[{'internalType':'uint256', 'name':'pid', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'getProxy', 'outputs':[{'internalType':'address', 'name':'proxy', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'governance', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'guardian', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'harvestProfitMaxInUsdc', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'harvestProfitMinInUsdc', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'healthCheck', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keepCRV', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keepCVX', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keepFXS', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'keeper', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_gauge', 'type':'address'}], 'name':'latestStandardVaultFromGauge', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'management', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'managementFee', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'numVaults', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'owner', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'pendingOwner', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'performanceFee', 'outputs':[{'internalType':'uint256', 'name':'', 'type':'uint256'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'registry', 'outputs':[{'internalType':'contract IRegistry', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_baseFeeOracle', 'type':'address'}], 'name':'setBaseFeeOracle', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_booster', 'type':'address'}], 'name':'setBooster', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexFraxPoolRegistry', 'type':'address'}], 'name':'setConvexFraxPoolRegistry', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexFraxStratImplementation', 'type':'address'}], 'name':'setConvexFraxStratImplementation', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexPoolManager', 'type':'address'}], 'name':'setConvexPoolManager', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_convexStratImplementation', 'type':'address'}], 'name':'setConvexStratImplementation', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_curveStratImplementation', 'type':'address'}], 'name':'setCurveStratImplementation', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_depositLimit', 'type':'uint256'}], 'name':'setDepositLimit', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_fraxBooster', 'type':'address'}], 'name':'setFraxBooster', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_governance', 'type':'address'}], 'name':'setGovernance', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_guardian', 'type':'address'}], 'name':'setGuardian', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_harvestProfitMaxInUsdc', 'type':'uint256'}], 'name':'setHarvestProfitMaxInUsdc', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_harvestProfitMinInUsdc', 'type':'uint256'}], 'name':'setHarvestProfitMinInUsdc', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_health', 'type':'address'}], 'name':'setHealthcheck', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_keepCRV', 'type':'uint256'}, {'internalType':'address', 'name':'_curveVoter', 'type':'address'}], 'name':'setKeepCRV', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_keepCVX', 'type':'uint256'}, {'internalType':'address', 'name':'_convexVoter', 'type':'address'}], 'name':'setKeepCVX', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_keepFXS', 'type':'uint256'}, {'internalType':'address', 'name':'_fraxVoter', 'type':'address'}], 'name':'setKeepFXS', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_keeper', 'type':'address'}], 'name':'setKeeper', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_management', 'type':'address'}], 'name':'setManagement', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_managementFee', 'type':'uint256'}], 'name':'setManagementFee', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'newOwner', 'type':'address'}], 'name':'setOwner', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_performanceFee', 'type':'uint256'}], 'name':'setPerformanceFee', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}], 'name':'setRegistry', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_tradeFactory', 'type':'address'}], 'name':'setTradeFactory', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_treasury', 'type':'address'}], 'name':'setTreasury', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'tradeFactory', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'treasury', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}] as const;
 
 export default VAULT_FACTORY_ABI;
diff --git a/apps/vaults/utils/abi/vaultMigrator.abi.ts b/apps/vaults/utils/abi/vaultMigrator.abi.ts
index 4f92783ad..44d21b634 100644
--- a/apps/vaults/utils/abi/vaultMigrator.abi.ts
+++ b/apps/vaults/utils/abi/vaultMigrator.abi.ts
@@ -1,3 +1,3 @@
-const	VAULT_MIGRATOR_ABI = [{'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}, {'internalType':'contract IChiToken', 'name':'_chiToken', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'constructor'}, {'anonymous':false, 'inputs':[{'indexed':false, 'internalType':'contract IChiToken', 'name':'_chiToken', 'type':'address'}], 'name':'ChiTokenSet', 'type':'event'}, {'anonymous':false, 'inputs':[{'indexed':false, 'internalType':'uint256', 'name':'_amount', 'type':'uint256'}, {'indexed':false, 'internalType':'address', 'name':'_subsidizor', 'type':'address'}], 'name':'Subsidized', 'type':'event'}, {'inputs':[], 'name':'acceptGovernance', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'chiToken', 'outputs':[{'internalType':'contract IChiToken', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'governance', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}], 'name':'migrateAll', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}, {'internalType':'uint256', 'name':'deadline', 'type':'uint256'}, {'internalType':'bytes', 'name':'signature', 'type':'bytes'}], 'name':'migrateAllWithPermit', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}, {'internalType':'uint256', 'name':'shares', 'type':'uint256'}], 'name':'migrateShares', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}, {'internalType':'uint256', 'name':'shares', 'type':'uint256'}, {'internalType':'uint256', 'name':'deadline', 'type':'uint256'}, {'internalType':'bytes', 'name':'signature', 'type':'bytes'}], 'name':'migrateSharesWithPermit', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'pendingGovernance', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'registry', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'contract IChiToken', 'name':'_chiToken', 'type':'address'}], 'name':'setChiToken', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_pendingGovernance', 'type':'address'}], 'name':'setPendingGovernance', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}], 'name':'setRegistry', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_amount', 'type':'uint256'}], 'name':'subsidize', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_token', 'type':'address'}], 'name':'sweep', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}] as const;
+const VAULT_MIGRATOR_ABI = [{'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}, {'internalType':'contract IChiToken', 'name':'_chiToken', 'type':'address'}], 'stateMutability':'nonpayable', 'type':'constructor'}, {'anonymous':false, 'inputs':[{'indexed':false, 'internalType':'contract IChiToken', 'name':'_chiToken', 'type':'address'}], 'name':'ChiTokenSet', 'type':'event'}, {'anonymous':false, 'inputs':[{'indexed':false, 'internalType':'uint256', 'name':'_amount', 'type':'uint256'}, {'indexed':false, 'internalType':'address', 'name':'_subsidizor', 'type':'address'}], 'name':'Subsidized', 'type':'event'}, {'inputs':[], 'name':'acceptGovernance', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'chiToken', 'outputs':[{'internalType':'contract IChiToken', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'governance', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}], 'name':'migrateAll', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}, {'internalType':'uint256', 'name':'deadline', 'type':'uint256'}, {'internalType':'bytes', 'name':'signature', 'type':'bytes'}], 'name':'migrateAllWithPermit', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}, {'internalType':'uint256', 'name':'shares', 'type':'uint256'}], 'name':'migrateShares', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'vaultFrom', 'type':'address'}, {'internalType':'address', 'name':'vaultTo', 'type':'address'}, {'internalType':'uint256', 'name':'shares', 'type':'uint256'}, {'internalType':'uint256', 'name':'deadline', 'type':'uint256'}, {'internalType':'bytes', 'name':'signature', 'type':'bytes'}], 'name':'migrateSharesWithPermit', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[], 'name':'pendingGovernance', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[], 'name':'registry', 'outputs':[{'internalType':'address', 'name':'', 'type':'address'}], 'stateMutability':'view', 'type':'function'}, {'inputs':[{'internalType':'contract IChiToken', 'name':'_chiToken', 'type':'address'}], 'name':'setChiToken', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_pendingGovernance', 'type':'address'}], 'name':'setPendingGovernance', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_registry', 'type':'address'}], 'name':'setRegistry', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'uint256', 'name':'_amount', 'type':'uint256'}], 'name':'subsidize', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}, {'inputs':[{'internalType':'address', 'name':'_token', 'type':'address'}], 'name':'sweep', 'outputs':[], 'stateMutability':'nonpayable', 'type':'function'}] as const;
 
 export default VAULT_MIGRATOR_ABI;
diff --git a/apps/vaults/utils/zapOptions.tsx b/apps/vaults/utils/zapOptions.tsx
index 45e2aa10e..ce63820b1 100644
--- a/apps/vaults/utils/zapOptions.tsx
+++ b/apps/vaults/utils/zapOptions.tsx
@@ -12,7 +12,7 @@ type TSetZapOptionProps = {
 	decimals: number;
 	solveVia?: Solver[]
 }
-export function	setZapOption({
+export function setZapOption({
 	name,
 	symbol,
 	address,
diff --git a/apps/veyfi/contexts/useVotingEscrow.tsx b/apps/veyfi/contexts/useVotingEscrow.tsx
index 0d64398ea..80ed656db 100644
--- a/apps/veyfi/contexts/useVotingEscrow.tsx
+++ b/apps/veyfi/contexts/useVotingEscrow.tsx
@@ -55,7 +55,7 @@ const defaultProps: TVotingEscrowContext = {
 	refresh: (): void => undefined
 };
 
-const	VotingEscrowContext = createContext<TVotingEscrowContext>(defaultProps);
+const VotingEscrowContext = createContext<TVotingEscrowContext>(defaultProps);
 export const VotingEscrowContextApp = memo(function VotingEscrowContextApp({children}: {children: ReactElement}): ReactElement {
 	const {provider, address, isActive} = useWeb3();
 
@@ -113,17 +113,17 @@ export const VotingEscrowContextApp = memo(function VotingEscrowContextApp({chil
 		if (!isActive || !address) {
 			return {};
 		}
-		const	currentProvider = provider || getProvider(1);
-		const	ethcallProvider = await newEthCallProvider(currentProvider);
-		const	yfiContract = new Contract(YFI_ADDRESS, ERC20_ABI);
+		const currentProvider = provider || getProvider(1);
+		const ethcallProvider = await newEthCallProvider(currentProvider);
+		const yfiContract = new Contract(YFI_ADDRESS, ERC20_ABI);
 
-		const	[yfiAllowanceVeYFI] = await ethcallProvider.tryAll([yfiContract.allowance(address, VEYFI_ADDRESS)]) as BigNumber[];
+		const [yfiAllowanceVeYFI] = await ethcallProvider.tryAll([yfiContract.allowance(address, VEYFI_ADDRESS)]) as BigNumber[];
 
 		return ({
 			[allowanceKey(1, YFI_ADDRESS, VEYFI_ADDRESS, address)]: yfiAllowanceVeYFI
 		});
 	}, [isActive, address, provider]);
-	const	{data: allowances, mutate: refreshAllowances, isLoading: isLoadingAllowances} = useSWR(isActive && provider ? 'allowances' : null, allowancesFetcher, {shouldRetryOnError: false});
+	const {data: allowances, mutate: refreshAllowances, isLoading: isLoadingAllowances} = useSWR(isActive && provider ? 'allowances' : null, allowancesFetcher, {shouldRetryOnError: false});
 
 	const refresh = useCallback((): void => {
 		refreshVotingEscrow();
diff --git a/apps/ybribe/components/bribe/GaugeBribeModal.tsx b/apps/ybribe/components/bribe/GaugeBribeModal.tsx
index 4b777a26e..362c8263c 100755
--- a/apps/ybribe/components/bribe/GaugeBribeModal.tsx
+++ b/apps/ybribe/components/bribe/GaugeBribeModal.tsx
@@ -23,7 +23,7 @@ import type {TCurveGauge} from '@common/schemas/curveSchemas';
 import type {TNormalizedBN} from '@common/types/types';
 
 
-function	GaugeBribeModal({currentGauge, onClose}: {currentGauge: TCurveGauge, onClose: VoidFunction}): ReactElement {
+function GaugeBribeModal({currentGauge, onClose}: {currentGauge: TCurveGauge, onClose: VoidFunction}): ReactElement {
 	const {chainID, safeChainID} = useChainID();
 	const {address, provider, isActive, openLoginModal, onSwitchChain} = useWeb3();
 	const {refresh} = useBribes();
@@ -41,12 +41,12 @@ function	GaugeBribeModal({currentGauge, onClose}: {currentGauge: TCurveGauge, on
 		raw: BigNumber,
 		allowance: BigNumber,
 	}> => {
-		const	[_tokenAddress] = args;
-		const	currentProvider = safeChainID === 1 ? provider || getProvider(1) : getProvider(1);
-		const	ethcallProvider = await newEthCallProvider(currentProvider);
-		const	erc20Contract = new Contract(_tokenAddress, ERC20_ABI);
+		const [_tokenAddress] = args;
+		const currentProvider = safeChainID === 1 ? provider || getProvider(1) : getProvider(1);
+		const ethcallProvider = await newEthCallProvider(currentProvider);
+		const erc20Contract = new Contract(_tokenAddress, ERC20_ABI);
 
-		const	[name, symbol, decimals, balance, allowance] = await ethcallProvider.tryAll([
+		const [name, symbol, decimals, balance, allowance] = await ethcallProvider.tryAll([
 			erc20Contract.name(),
 			erc20Contract.symbol(),
 			erc20Contract.decimals(),
@@ -69,12 +69,12 @@ function	GaugeBribeModal({currentGauge, onClose}: {currentGauge: TCurveGauge, on
 	** amount. This hook is called every 10s or when amount/in or out changes.
 	** Calls the expectedOutFetcher callback.
 	**************************************************************************/
-	const	{data: selectedToken, mutate} = useSWR(
+	const {data: selectedToken, mutate} = useSWR(
 		isActive && !isZeroAddress(tokenAddress) ? [toAddress(tokenAddress)] : null, expectedOutFetcher,
 		{refreshInterval: 10000, shouldRetryOnError: false}
 	);
 
-	async function	onApproveFrom(): Promise<void> {
+	async function onApproveFrom(): Promise<void> {
 		new Transaction(provider, approveERC20, set_txStatusApprove).populate(
 			tokenAddress,
 			CURVE_BRIBE_V3_ADDRESS,
@@ -84,7 +84,7 @@ function	GaugeBribeModal({currentGauge, onClose}: {currentGauge: TCurveGauge, on
 		}).perform();
 	}
 
-	function	onAddReward(): void {
+	function onAddReward(): void {
 		new Transaction(provider, addReward, set_txStatusAddReward).populate(
 			currentGauge.gauge,
 			tokenAddress,
@@ -171,7 +171,7 @@ function	GaugeBribeModal({currentGauge, onClose}: {currentGauge: TCurveGauge, on
 									placeholder={'0x...'}
 									value={tokenAddress}
 									onChange={(e: ChangeEvent<HTMLInputElement>): void => {
-										const	{value} = e.target;
+										const {value} = e.target;
 										if (value === '' || value.match(/^(0[x]{0,1})[a-fA-F0-9]{0,40}/gm)?.includes(value)) {
 											if (isZeroAddress(value)) {
 												set_tokenAddress(value);
diff --git a/apps/ybribe/components/bribe/GaugeListEmpty.tsx b/apps/ybribe/components/bribe/GaugeListEmpty.tsx
index 5b9db3678..3482f772f 100755
--- a/apps/ybribe/components/bribe/GaugeListEmpty.tsx
+++ b/apps/ybribe/components/bribe/GaugeListEmpty.tsx
@@ -3,8 +3,8 @@ import {useBribes} from '@yBribe/contexts/useBribes';
 
 import type {ReactElement} from 'react';
 
-function	GaugeListEmpty(): ReactElement {
-	const	{isLoading} = useBribes();
+function GaugeListEmpty(): ReactElement {
+	const {isLoading} = useBribes();
 
 	if (isLoading) {
 		return (
@@ -15,7 +15,7 @@ function	GaugeListEmpty(): ReactElement {
 					<span className={'loader'} />
 				</div>
 			</div>
-		);	
+		);
 	}
 	return (
 		<div className={'flex h-96 w-full flex-col items-center justify-center py-2 px-10'}>
@@ -24,7 +24,7 @@ function	GaugeListEmpty(): ReactElement {
 				{'No gauges available.'}
 			</p>
 		</div>
-	);	
+	);
 }
 
 export {GaugeListEmpty};
diff --git a/apps/ybribe/components/bribe/GaugeListRow.tsx b/apps/ybribe/components/bribe/GaugeListRow.tsx
index 9dcf9afce..d39c67631 100755
--- a/apps/ybribe/components/bribe/GaugeListRow.tsx
+++ b/apps/ybribe/components/bribe/GaugeListRow.tsx
@@ -16,15 +16,15 @@ import type {ReactElement} from 'react';
 import type {TAddress, TDict} from '@yearn-finance/web-lib/types';
 import type {TCurveGauge} from '@common/schemas/curveSchemas';
 
-function	GaugeRowItemWithExtraData({address, value}: {address: TAddress, value: BigNumber}): ReactElement {
-	const	{tokens, prices} = useYearn();
+function GaugeRowItemWithExtraData({address, value}: {address: TAddress, value: BigNumber}): ReactElement {
+	const {tokens, prices} = useYearn();
 
-	const	tokenInfo = tokens?.[address];
-	const	tokenPrice = prices?.[address];
-	const	decimals = tokenInfo?.decimals || 18;
-	const	symbol = tokenInfo?.symbol || '???';
-	const	bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
-	const	bribeValue = bribeAmount * (Number(tokenPrice || 0) / 100);
+	const tokenInfo = tokens?.[address];
+	const tokenPrice = prices?.[address];
+	const decimals = tokenInfo?.decimals || 18;
+	const symbol = tokenInfo?.symbol || '???';
+	const bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
+	const bribeValue = bribeAmount * (Number(tokenPrice || 0) / 100);
 
 	return (
 		<div className={'flex h-auto flex-col items-end pt-0 md:h-14'}>
@@ -40,27 +40,27 @@ function	GaugeRowItemWithExtraData({address, value}: {address: TAddress, value:
 	);
 }
 
-function	GaugeListRow({currentGauge}: {currentGauge: TCurveGauge}): ReactElement {
-	const	{isActive} = useWeb3();
-	const	{currentRewards, nextRewards} = useBribes();
-	const	[hasModal, set_hasModal] = useState(false);
+function GaugeListRow({currentGauge}: {currentGauge: TCurveGauge}): ReactElement {
+	const {isActive} = useWeb3();
+	const {currentRewards, nextRewards} = useBribes();
+	const [hasModal, set_hasModal] = useState(false);
 
-	const	currentRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
+	const currentRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
 		return currentRewards?.v3?.[toAddress(currentGauge.gauge)] || {};
 	}, [currentGauge.gauge, currentRewards]);
 
-	const	nextRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
+	const nextRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
 		return nextRewards?.v3?.[toAddress(currentGauge.gauge)] || {};
 	}, [currentGauge.gauge, nextRewards]);
 
-	const	gaugeRelativeWeight = useMemo((): number => {
+	const gaugeRelativeWeight = useMemo((): number => {
 		return formatToNormalizedValue(formatBN(currentGauge?.gauge_controller?.gauge_relative_weight), 18);
 	}, [currentGauge]);
 
-	const	currentRewardsForCurrentGaugeMap = Object.entries(currentRewardsForCurrentGauge || {}) || [];
-	const	nextRewardsForCurrentGaugeMap = Object.entries(nextRewardsForCurrentGauge || {}) || [];
+	const currentRewardsForCurrentGaugeMap = Object.entries(currentRewardsForCurrentGauge || {}) || [];
+	const nextRewardsForCurrentGaugeMap = Object.entries(nextRewardsForCurrentGauge || {}) || [];
 
-	function	renderDefaultValueUSDFallback(): ReactElement {
+	function renderDefaultValueUSDFallback(): ReactElement {
 		return (
 			<div className={'flex h-auto flex-col items-end pt-0 md:h-14'}>
 				<p className={'yearn--table-data-section-item-value'}>
diff --git a/apps/ybribe/components/claim/GaugeListEmpty.tsx b/apps/ybribe/components/claim/GaugeListEmpty.tsx
index 65e3f6f00..663359c0b 100755
--- a/apps/ybribe/components/claim/GaugeListEmpty.tsx
+++ b/apps/ybribe/components/claim/GaugeListEmpty.tsx
@@ -4,9 +4,9 @@ import {useBribes} from '@yBribe/contexts/useBribes';
 
 import type {ReactElement} from 'react';
 
-function	GaugeListEmpty({category}: {category: string}): ReactElement {
-	const	{isLoading} = useBribes();
-	const	{isActive} = useWeb3();
+function GaugeListEmpty({category}: {category: string}): ReactElement {
+	const {isLoading} = useBribes();
+	const {isActive} = useWeb3();
 
 	if (isLoading) {
 		return (
@@ -17,7 +17,7 @@ function	GaugeListEmpty({category}: {category: string}): ReactElement {
 					<span className={'loader'} />
 				</div>
 			</div>
-		);	
+		);
 	}
 	if (category === 'claimable') {
 		if (!isActive) {
@@ -26,14 +26,14 @@ function	GaugeListEmpty({category}: {category: string}): ReactElement {
 					<b className={'text-lg'}>{'Connect your wallet'}</b>
 					<p className={'text-neutral-600'}>{'Please connect your wallet to load the gauges.'}</p>
 				</div>
-			);	
+			);
 		}
 		return (
 			<div className={'flex h-96 w-full flex-col items-center justify-center py-2 px-10'}>
 				<b className={'text-lg'}>{'No reward'}</b>
 				<p className={'text-neutral-600'}>{'You have nothing to claim.'}</p>
 			</div>
-		);	
+		);
 	}
 	return (
 		<div className={'flex h-96 w-full flex-col items-center justify-center py-2 px-10'}>
@@ -42,7 +42,7 @@ function	GaugeListEmpty({category}: {category: string}): ReactElement {
 				{'No gauges available.'}
 			</p>
 		</div>
-	);	
+	);
 }
 
 export {GaugeListEmpty};
diff --git a/apps/ybribe/components/claim/GaugeListRow.tsx b/apps/ybribe/components/claim/GaugeListRow.tsx
index 6d0191c95..57d3c798f 100755
--- a/apps/ybribe/components/claim/GaugeListRow.tsx
+++ b/apps/ybribe/components/claim/GaugeListRow.tsx
@@ -18,19 +18,19 @@ import type {ReactElement} from 'react';
 import type {TAddress, TDict} from '@yearn-finance/web-lib/types';
 import type {TCurveGauge} from '@common/schemas/curveSchemas';
 
-function	GaugeRowItemWithExtraData({
+function GaugeRowItemWithExtraData({
 	address,
 	value,
 	minDecimals = 5
 }: {address: TAddress, value: BigNumber, minDecimals?: number}): ReactElement {
-	const	{tokens, prices} = useYearn();
+	const {tokens, prices} = useYearn();
 
-	const	tokenInfo = tokens?.[address];
-	const	tokenPrice = Number(prices?.[address]) / 1000000;
-	const	decimals = tokenInfo?.decimals || 18;
-	const	symbol = tokenInfo?.symbol || '???';
-	const	bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
-	const	bribeValue = bribeAmount * (Number(tokenPrice || 0));
+	const tokenInfo = tokens?.[address];
+	const tokenPrice = Number(prices?.[address]) / 1000000;
+	const decimals = tokenInfo?.decimals || 18;
+	const symbol = tokenInfo?.symbol || '???';
+	const bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
+	const bribeValue = bribeAmount * (Number(tokenPrice || 0));
 
 	return (
 		<div className={'flex h-auto flex-col items-end pt-0 md:h-14'}>
@@ -46,22 +46,22 @@ function	GaugeRowItemWithExtraData({
 	);
 }
 
-function	GaugeRowItemAPR({address, value}: {address: TAddress, value: BigNumber}): ReactElement {
-	const	{tokens, prices} = useYearn();
+function GaugeRowItemAPR({address, value}: {address: TAddress, value: BigNumber}): ReactElement {
+	const {tokens, prices} = useYearn();
 
-	const	crvPrice = useMemo((): number => {
-		const	tokenPrice = Number(prices?.[CRV_TOKEN_ADDRESS] || 0);
+	const crvPrice = useMemo((): number => {
+		const tokenPrice = Number(prices?.[CRV_TOKEN_ADDRESS] || 0);
 		return tokenPrice;
 	}, [prices]);
 
-	const	tokenPrice = useMemo((): number => {
-		const	tokenPrice = Number(prices?.[address] || 0);
+	const tokenPrice = useMemo((): number => {
+		const tokenPrice = Number(prices?.[address] || 0);
 		return tokenPrice;
 	}, [address, prices]);
 
-	const	APR = useMemo((): number => {
-		const	tokenInfo = tokens?.[address];
-		const	decimals = tokenInfo?.decimals || 18;
+	const APR = useMemo((): number => {
+		const tokenInfo = tokens?.[address];
+		const decimals = tokenInfo?.decimals || 18;
 		if (tokenPrice === 0 || crvPrice === 0) {
 			return 0;
 		}
@@ -78,35 +78,35 @@ function	GaugeRowItemAPR({address, value}: {address: TAddress, value: BigNumber}
 }
 
 
-function	GaugeListRow({currentGauge, category}: {currentGauge: TCurveGauge, category: string}): ReactElement {
-	const	{isActive, provider} = useWeb3();
-	const	{currentRewards, nextRewards, claimable, dryRunClaimRewards, refresh} = useBribes();
-	const	[txStatusClaim, set_txStatusClaim] = useState(defaultTxStatus);
+function GaugeListRow({currentGauge, category}: {currentGauge: TCurveGauge, category: string}): ReactElement {
+	const {isActive, provider} = useWeb3();
+	const {currentRewards, nextRewards, claimable, dryRunClaimRewards, refresh} = useBribes();
+	const [txStatusClaim, set_txStatusClaim] = useState(defaultTxStatus);
 
-	const	currentRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
+	const currentRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
 		return currentRewards?.v3?.[toAddress(currentGauge.gauge)] || {};
 	}, [currentGauge.gauge, currentRewards, category]);
 
-	const	nextRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
+	const nextRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
 		return nextRewards?.v3?.[toAddress(currentGauge.gauge)] || {};
 	}, [currentGauge.gauge, nextRewards, category]);
 
-	const	claimableForCurrentGauge = useMemo((): TDict<BigNumber> => {
+	const claimableForCurrentGauge = useMemo((): TDict<BigNumber> => {
 		return claimable?.v3?.[toAddress(currentGauge.gauge)] || {};
 	}, [currentGauge.gauge, claimable, category]);
 
-	const	dryRunRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
+	const dryRunRewardsForCurrentGauge = useMemo((): TDict<BigNumber> => {
 		return dryRunClaimRewards?.v3?.[toAddress(currentGauge.gauge)] || {};
 	}, [currentGauge.gauge, dryRunClaimRewards, category]);
 
-	const	claimableForCurrentGaugeMap = Object.entries(claimableForCurrentGauge || {}) || [];
-	const	currentRewardsForCurrentGaugeMap = Object.entries(currentRewardsForCurrentGauge || {}) || [];
-	const	nextRewardsForCurrentGaugeMap = Object.entries(nextRewardsForCurrentGauge || {}) || [];
-	const	dryRunRewardsForCurrentGaugeMap = Object.entries(dryRunRewardsForCurrentGauge || {}) || [];
-	const	hasSomethingToClaim = claimableForCurrentGaugeMap.some(([, value]: [string, BigNumber]): boolean => value.gt(0)) ||
+	const claimableForCurrentGaugeMap = Object.entries(claimableForCurrentGauge || {}) || [];
+	const currentRewardsForCurrentGaugeMap = Object.entries(currentRewardsForCurrentGauge || {}) || [];
+	const nextRewardsForCurrentGaugeMap = Object.entries(nextRewardsForCurrentGauge || {}) || [];
+	const dryRunRewardsForCurrentGaugeMap = Object.entries(dryRunRewardsForCurrentGauge || {}) || [];
+	const hasSomethingToClaim = claimableForCurrentGaugeMap.some(([, value]: [string, BigNumber]): boolean => value.gt(0)) ||
 		dryRunRewardsForCurrentGaugeMap.some(([, value]: [string, BigNumber]): boolean => value.gt(0));
 
-	function	onClaimReward(token: string): void {
+	function onClaimReward(token: string): void {
 		new Transaction(provider, claimReward, set_txStatusClaim).populate(
 			CURVE_BRIBE_V3_ADDRESS,
 			currentGauge.gauge,
@@ -116,7 +116,7 @@ function	GaugeListRow({currentGauge, category}: {currentGauge: TCurveGauge, cate
 		}).perform();
 	}
 
-	function	renderDefaultValueUSDFallback(): ReactElement {
+	function renderDefaultValueUSDFallback(): ReactElement {
 		return (
 			<div className={'flex h-auto flex-col items-end pt-0 md:h-14'}>
 				<p className={'yearn--table-data-section-item-value'}>
@@ -128,7 +128,7 @@ function	GaugeListRow({currentGauge, category}: {currentGauge: TCurveGauge, cate
 			</div>
 		);
 	}
-	function	renderDefaultValuesUSDFallback(): ReactElement {
+	function renderDefaultValuesUSDFallback(): ReactElement {
 		return (
 			<div className={'flex h-auto flex-col items-end pt-0 md:h-14'}>
 				<p className={'font-number inline-flex items-baseline text-base text-neutral-900'}>
@@ -140,7 +140,7 @@ function	GaugeListRow({currentGauge, category}: {currentGauge: TCurveGauge, cate
 			</div>
 		);
 	}
-	function	renderDefaultValuePercentFallback(): ReactElement {
+	function renderDefaultValuePercentFallback(): ReactElement {
 		return (
 			<div className={'flex h-auto flex-col items-end pt-0 md:h-14'}>
 				<p className={'yearn--table-data-section-item-value'}>
@@ -149,7 +149,7 @@ function	GaugeListRow({currentGauge, category}: {currentGauge: TCurveGauge, cate
 			</div>
 		);
 	}
-	function	renderMultipleButtonsFallback(): ReactElement[] {
+	function renderMultipleButtonsFallback(): ReactElement[] {
 		return (
 			currentRewardsForCurrentGaugeMap.map(([key]: [string, BigNumber]): ReactElement =>
 				<div key={`claim-${key}`} className={'h-14 pt-0'}>
diff --git a/apps/ybribe/components/rewardFeed/RewardFeedTableHead.tsx b/apps/ybribe/components/rewardFeed/RewardFeedTableHead.tsx
index f2bb2dc40..c008ed270 100755
--- a/apps/ybribe/components/rewardFeed/RewardFeedTableHead.tsx
+++ b/apps/ybribe/components/rewardFeed/RewardFeedTableHead.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	RewardFeedTableHead(): ReactElement {
+function RewardFeedTableHead(): ReactElement {
 	return (
 		<div className={'grid w-full grid-cols-2 px-4 pb-6 md:grid-cols-3 md:px-10'}>
 			<p className={'col-span-1 text-start text-base text-neutral-400'}>{'Gauge'}</p>
diff --git a/apps/ybribe/components/rewardFeed/RewardFeedTableRow.tsx b/apps/ybribe/components/rewardFeed/RewardFeedTableRow.tsx
index c59b42d52..ff625f1d2 100755
--- a/apps/ybribe/components/rewardFeed/RewardFeedTableRow.tsx
+++ b/apps/ybribe/components/rewardFeed/RewardFeedTableRow.tsx
@@ -13,18 +13,18 @@ import type {TAddress} from '@yearn-finance/web-lib/types';
 import type {TCurveGauge} from '@common/schemas/curveSchemas';
 import type {TYDaemonGaugeRewardsFeed} from '@common/schemas/yDaemonGaugeRewardsFeedSchema';
 
-function	RewardFeedRowItemWithExtraData({
+function RewardFeedRowItemWithExtraData({
 	address,
 	value
 }: {address: TAddress, value: BigNumber, minDecimals?: number}): ReactElement {
-	const	{tokens, prices} = useYearn();
+	const {tokens, prices} = useYearn();
 
-	const	tokenInfo = tokens?.[address];
-	const	tokenPrice = Number(prices?.[address]) / 1000000;
-	const	decimals = tokenInfo?.decimals || 18;
-	const	symbol = tokenInfo?.symbol || '???';
-	const	bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
-	const	bribeValue = bribeAmount * (Number(tokenPrice || 0));
+	const tokenInfo = tokens?.[address];
+	const tokenPrice = Number(prices?.[address]) / 1000000;
+	const decimals = tokenInfo?.decimals || 18;
+	const symbol = tokenInfo?.symbol || '???';
+	const bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
+	const bribeValue = bribeAmount * (Number(tokenPrice || 0));
 
 	return (
 		<div className={'flex h-auto flex-col items-end'}>
@@ -40,18 +40,18 @@ function	RewardFeedRowItemWithExtraData({
 	);
 }
 
-function	RewardFeedTableRow({currentRewardAdded}: {currentRewardAdded: TYDaemonGaugeRewardsFeed[0]}): ReactElement | null {
-	const	{gauges} = useCurve();
+function RewardFeedTableRow({currentRewardAdded}: {currentRewardAdded: TYDaemonGaugeRewardsFeed[0]}): ReactElement | null {
+	const {gauges} = useCurve();
 
-	const	gaugesObject = useMemo((): {[key: string]: TCurveGauge} => {
-		const	_gaugesObject: {[key: string]: TCurveGauge} = {};
+	const gaugesObject = useMemo((): {[key: string]: TCurveGauge} => {
+		const _gaugesObject: {[key: string]: TCurveGauge} = {};
 		for (const gauge of gauges) {
 			_gaugesObject[toAddress(gauge.gauge)] = gauge;
 		}
 		return _gaugesObject;
 	}, [gauges]);
 
-	const	gaugeItem = gaugesObject[toAddress(currentRewardAdded.gauge)];
+	const gaugeItem = gaugesObject[toAddress(currentRewardAdded.gauge)];
 
 	if (!gaugeItem) {
 		return null;
diff --git a/apps/ybribe/contexts/useBribes.tsx b/apps/ybribe/contexts/useBribes.tsx
index 4d8cf607d..4fdf932e9 100755
--- a/apps/ybribe/contexts/useBribes.tsx
+++ b/apps/ybribe/contexts/useBribes.tsx
@@ -26,7 +26,7 @@ export type	TBribesContext = {
 	isLoading: boolean,
 	refresh: VoidPromiseFunction
 }
-const	defaultProps: TBribesContext = {
+const defaultProps: TBribesContext = {
 	currentRewards: {
 		v3: {}
 	},
@@ -45,7 +45,7 @@ const	defaultProps: TBribesContext = {
 	refresh: async (): Promise<void> => undefined
 };
 
-const	BribesContext = createContext<TBribesContext>(defaultProps);
+const BribesContext = createContext<TBribesContext>(defaultProps);
 export const BribesContextApp = ({children}: {children: React.ReactElement}): React.ReactElement => {
 	const {gauges} = useCurve();
 	const {provider, address} = useWeb3();
@@ -64,10 +64,10 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 	**  Bribe contracts, not related to the user.
 	***************************************************************************/
 	const getSharedStuffFromBribes = useCallback(async (): Promise<void> => {
-		const	currentProvider = safeChainID === 1 ? provider || getProvider(1) : getProvider(1);
-		const	ethcallProvider = await newEthCallProvider(currentProvider);
-		const	curveBribeV3Contract = new Contract(CURVE_BRIBE_V3_ADDRESS, CURVE_BRIBE_V3);
-		const	[_currentPeriod] = await ethcallProvider.tryAll([curveBribeV3Contract.current_period()]) as [number];
+		const currentProvider = safeChainID === 1 ? provider || getProvider(1) : getProvider(1);
+		const ethcallProvider = await newEthCallProvider(currentProvider);
+		const curveBribeV3Contract = new Contract(CURVE_BRIBE_V3_ADDRESS, CURVE_BRIBE_V3);
+		const [_currentPeriod] = await ethcallProvider.tryAll([curveBribeV3Contract.current_period()]) as [number];
 
 		performBatchedUpdates((): void => {
 			set_currentPeriod(Number(_currentPeriod));
@@ -87,13 +87,13 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 		currentProvider: ethers.providers.Provider,
 		contract: Contract
 	): Promise<string[][]> => {
-		const	ethcallProvider = await newEthCallProvider(currentProvider);
-		const	rewardsPerGaugesCalls = [];
+		const ethcallProvider = await newEthCallProvider(currentProvider);
+		const rewardsPerGaugesCalls = [];
 
 		for (const gauge of gauges) {
 			rewardsPerGaugesCalls.push(contract.rewards_per_gauge(gauge.gauge));
 		}
-		const	_rewardsPerGauges = await ethcallProvider.tryAll(rewardsPerGaugesCalls) as string[][];
+		const _rewardsPerGauges = await ethcallProvider.tryAll(rewardsPerGaugesCalls) as string[][];
 		return ([..._rewardsPerGauges]);
 	}, [gauges]);
 
@@ -110,14 +110,14 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 		if ((rewardsPerGauges || []).length === 0) {
 			return ({rewardsList: [], multicallResult: []});
 		}
-		const	userAddress = address || addressZero;
-		const	ethcallProvider = await newEthCallProvider(currentProvider);
-		const	rewardsPerTokensPerGaugesCalls = [];
-		const	rewardsList: string[] = [];
+		const userAddress = address || addressZero;
+		const ethcallProvider = await newEthCallProvider(currentProvider);
+		const rewardsPerTokensPerGaugesCalls = [];
+		const rewardsList: string[] = [];
 
-		const	_rewardsPerGauges = [...rewardsPerGauges];
+		const _rewardsPerGauges = [...rewardsPerGauges];
 		for (const gauge of gauges) {
-			const	rewardPerGauge = _rewardsPerGauges.shift();
+			const rewardPerGauge = _rewardsPerGauges.shift();
 			if (rewardPerGauge && rewardPerGauge.length > 0) {
 				if (!gauge.rewardPerGauge) {
 					gauge.rewardPerGauge = [];
@@ -134,7 +134,7 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 			}
 		}
 
-		const	_rewardsPerTokensPerGaugesWithPeriods = await ethcallProvider.tryAll(rewardsPerTokensPerGaugesCalls) as BigNumber[];
+		const _rewardsPerTokensPerGaugesWithPeriods = await ethcallProvider.tryAll(rewardsPerTokensPerGaugesCalls) as BigNumber[];
 		return ({rewardsList, multicallResult: [..._rewardsPerTokensPerGaugesWithPeriods]});
 	}, [gauges, safeChainID, address]);
 
@@ -150,13 +150,13 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 		if ((rewardsPerGauges || []).length === 0) {
 			return ({rewardsList: [], multicallResult: []});
 		}
-		const	contract = new ethers.Contract(CURVE_BRIBE_V3_HELPER_ADDRESS, CURVE_BRIBE_V3_HELPER, currentProvider);
-		const	rewardsPerTokensPerGaugesCalls = [];
-		const	rewardsList: string[] = [];
+		const contract = new ethers.Contract(CURVE_BRIBE_V3_HELPER_ADDRESS, CURVE_BRIBE_V3_HELPER, currentProvider);
+		const rewardsPerTokensPerGaugesCalls = [];
+		const rewardsList: string[] = [];
 
-		const	_rewardsPerGauges = [...rewardsPerGauges];
+		const _rewardsPerGauges = [...rewardsPerGauges];
 		for (const gauge of gauges) {
-			const	rewardPerGauge = _rewardsPerGauges.shift();
+			const rewardPerGauge = _rewardsPerGauges.shift();
 			if (rewardPerGauge && rewardPerGauge.length > 0) {
 				for (const tokenAsReward of rewardPerGauge) {
 					rewardsList.push(allowanceKey(safeChainID, toAddress(gauge.gauge), toAddress(tokenAsReward), toAddress(address)));
@@ -165,7 +165,7 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 			}
 		}
 
-		const	multicallResult = await Promise.all(
+		const multicallResult = await Promise.all(
 			rewardsPerTokensPerGaugesCalls.map((pair): unknown => contract.callStatic.getNewRewardPerToken(...pair))
 		) as BigNumber[];
 
@@ -185,20 +185,20 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 		if (!multicallResult || multicallResult.length === 0 || rewardsList.length === 0) {
 			return;
 		}
-		const	_currentRewards: TDict<TDict<BigNumber>> = {};
-		const	_claimable: TDict<TDict<BigNumber>> = {};
-		const	_periods: TDict<TDict<BigNumber>> = {};
-		const	_dryRunClaimRewards: TDict<TDict<BigNumber>> = {};
-		let	rIndex = 0;
+		const _currentRewards: TDict<TDict<BigNumber>> = {};
+		const _claimable: TDict<TDict<BigNumber>> = {};
+		const _periods: TDict<TDict<BigNumber>> = {};
+		const _dryRunClaimRewards: TDict<TDict<BigNumber>> = {};
+		let rIndex = 0;
 
-		const	contractV3 = new ethers.Contract(CURVE_BRIBE_V3_ADDRESS, CURVE_BRIBE_V3, currentProvider);
+		const contractV3 = new ethers.Contract(CURVE_BRIBE_V3_ADDRESS, CURVE_BRIBE_V3, currentProvider);
 		for (const rewardListKey of rewardsList) {
-			const	rewardPerTokenPerGauge = multicallResult[rIndex++];
-			const	periodPerTokenPerGauge = multicallResult[rIndex++];
-			const	claimablePerTokenPerGauge = multicallResult[rIndex++];
+			const rewardPerTokenPerGauge = multicallResult[rIndex++];
+			const periodPerTokenPerGauge = multicallResult[rIndex++];
+			const claimablePerTokenPerGauge = multicallResult[rIndex++];
 			if (periodPerTokenPerGauge.toNumber() >= currentPeriod) {
 				if (rewardListKey && rewardPerTokenPerGauge.gt(0)) {
-					const	[, gauge, token] = rewardListKey.split('_');
+					const [, gauge, token] = rewardListKey.split('_');
 					if (!_currentRewards[toAddress(gauge)]) {
 						_currentRewards[toAddress(gauge)] = {};
 					}
@@ -232,13 +232,13 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 		if (!multicallResult || multicallResult.length === 0 || rewardsList.length === 0) {
 			return;
 		}
-		const	_nextRewards: TDict<TDict<BigNumber>> = {};
+		const _nextRewards: TDict<TDict<BigNumber>> = {};
 
-		let	rIndex = 0;
+		let rIndex = 0;
 		for (const rewardListKey of rewardsList) {
-			const	pendingForNextPeriod = multicallResult[rIndex++];
+			const pendingForNextPeriod = multicallResult[rIndex++];
 			if (rewardListKey) {
-				const	[, gauge, token] = rewardListKey.split('_');
+				const [, gauge, token] = rewardListKey.split('_');
 				if (!_nextRewards[toAddress(gauge)]) {
 					_nextRewards[toAddress(gauge)] = {};
 				}
@@ -251,18 +251,18 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 	/* 🔵 - Yearn Finance ******************************************************
 	**	getBribes will start the process to retrieve the bribe information.
 	***************************************************************************/
-	const	getBribes = useCallback(async (): Promise<void> => {
-		const	currentProvider = safeChainID === 1 ? provider || getProvider(1) : getProvider(1);
-		const	curveBribeV3Contract = new Contract(CURVE_BRIBE_V3_ADDRESS, CURVE_BRIBE_V3);
+	const getBribes = useCallback(async (): Promise<void> => {
+		const currentProvider = safeChainID === 1 ? provider || getProvider(1) : getProvider(1);
+		const curveBribeV3Contract = new Contract(CURVE_BRIBE_V3_ADDRESS, CURVE_BRIBE_V3);
 
-		const	[rewardsPerGaugesV3] = await Promise.all([getRewardsPerGauges(currentProvider, curveBribeV3Contract)]);
-		const	[rewardsPerUserV3, nextPeriodRewardsV3] = await Promise.all([
+		const [rewardsPerGaugesV3] = await Promise.all([getRewardsPerGauges(currentProvider, curveBribeV3Contract)]);
+		const [rewardsPerUserV3, nextPeriodRewardsV3] = await Promise.all([
 			getRewardsPerUser(currentProvider, curveBribeV3Contract, rewardsPerGaugesV3),
 			getNextPeriodRewards(currentProvider, rewardsPerGaugesV3)
 		]);
 
-		const	{rewardsList: rewardsListV3, multicallResult: multicallResultV3} = rewardsPerUserV3;
-		const	{rewardsList: nextRewardsListV3, multicallResult: nextMulticallResultV3} = nextPeriodRewardsV3;
+		const {rewardsList: rewardsListV3, multicallResult: multicallResultV3} = rewardsPerUserV3;
+		const {rewardsList: nextRewardsListV3, multicallResult: nextMulticallResultV3} = nextPeriodRewardsV3;
 		performBatchedUpdates((): void => {
 			assignBribes('v3', rewardsListV3, multicallResultV3, currentProvider);
 			assignNextRewards('v3', nextRewardsListV3, nextMulticallResultV3);
@@ -273,14 +273,14 @@ export const BribesContextApp = ({children}: {children: React.ReactElement}): Re
 		getBribes();
 	}, [getBribes]);
 
-	const	onRefresh = useCallback(async (): Promise<void> => {
+	const onRefresh = useCallback(async (): Promise<void> => {
 		await getBribes();
 	}, [getBribes]);
 
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Setup and render the Context provider to use in the app.
 	***************************************************************************/
-	const	contextValue = useMemo((): TBribesContext => ({
+	const contextValue = useMemo((): TBribesContext => ({
 		currentRewards: currentRewards || {},
 		nextRewards: nextRewards || {},
 		claimable: claimable || {},
diff --git a/apps/ybribe/utils/actions/addReward.tsx b/apps/ybribe/utils/actions/addReward.tsx
index 624ad3133..56caab80b 100755
--- a/apps/ybribe/utils/actions/addReward.tsx
+++ b/apps/ybribe/utils/actions/addReward.tsx
@@ -5,7 +5,7 @@ import {handleTx} from '@yearn-finance/web-lib/utils/web3/transaction';
 import type {BigNumber} from 'ethers';
 import type {TTxResponse} from '@yearn-finance/web-lib/utils/web3/transaction';
 
-export async function	addReward(
+export async function addReward(
 	provider: ethers.providers.JsonRpcProvider,
 	gaugeAddress: string,
 	tokenAddress: string,
diff --git a/apps/ybribe/utils/actions/claimReward.tsx b/apps/ybribe/utils/actions/claimReward.tsx
index 3a49817b4..d09b374af 100755
--- a/apps/ybribe/utils/actions/claimReward.tsx
+++ b/apps/ybribe/utils/actions/claimReward.tsx
@@ -4,7 +4,7 @@ import {handleTx} from '@yearn-finance/web-lib/utils/web3/transaction';
 
 import type {TTxResponse} from '@yearn-finance/web-lib/utils/web3/transaction';
 
-export async function	claimReward(
+export async function claimReward(
 	provider: ethers.providers.JsonRpcProvider,
 	contractAddress: string,
 	gauge: string,
diff --git a/apps/ybribe/utils/index.tsx b/apps/ybribe/utils/index.tsx
index f72e23fb3..d1316ae7e 100755
--- a/apps/ybribe/utils/index.tsx
+++ b/apps/ybribe/utils/index.tsx
@@ -7,9 +7,9 @@ extend(dayjsDuration);
 extend(weekday);
 extend(utc);
 
-export function	getLastThursday(): number {
-	const	today = dayjs().utc();
-	let		lastThursday = today.weekday(4);
+export function getLastThursday(): number {
+	const today = dayjs().utc();
+	let lastThursday = today.weekday(4);
 	lastThursday = lastThursday.set('hour', 0);
 	lastThursday = lastThursday.set('minute', 0);
 	lastThursday = lastThursday.set('second', 0);
@@ -19,9 +19,9 @@ export function	getLastThursday(): number {
 	return (lastThursday.unix());
 }
 
-export function	getNextThursday(): number {
-	const	today = dayjs().utc();
-	let		nextThursday = today.weekday(4);
+export function getNextThursday(): number {
+	const today = dayjs().utc();
+	let nextThursday = today.weekday(4);
 	nextThursday = nextThursday.set('hour', 0);
 	nextThursday = nextThursday.set('minute', 0);
 	nextThursday = nextThursday.set('second', 0);
diff --git a/apps/ycrv/components/CardMigrateLegacy.tsx b/apps/ycrv/components/CardMigrateLegacy.tsx
index e568ba567..501d076fe 100755
--- a/apps/ycrv/components/CardMigrateLegacy.tsx
+++ b/apps/ycrv/components/CardMigrateLegacy.tsx
@@ -21,11 +21,11 @@ import {LEGACY_OPTIONS_FROM, LEGACY_OPTIONS_TO} from '@yCRV/utils/zapOptions';
 import type {ChangeEvent, ReactElement} from 'react';
 import type {TDropdownOption} from '@common/types/types';
 
-function	CardMigrateLegacy(): ReactElement {
-	const	{isActive} = useWeb3();
-	const	{balances} = useWallet();
-	const	{vaults, prices} = useYearn();
-	const	{
+function CardMigrateLegacy(): ReactElement {
+	const {isActive} = useWeb3();
+	const {balances} = useWallet();
+	const {vaults, prices} = useYearn();
+	const {
 		txStatusApprove, txStatusZap,
 		selectedOptionFrom, set_selectedOptionFrom,
 		selectedOptionTo, set_selectedOptionTo,
@@ -35,22 +35,22 @@ function	CardMigrateLegacy(): ReactElement {
 		allowanceFrom, onApproveFrom, onZap
 	} = useCardTransactor();
 
-	const	ycrvPrice = useMemo((): number => (
+	const ycrvPrice = useMemo((): number => (
 		formatToNormalizedValue(
 			formatBN(prices?.[YCRV_TOKEN_ADDRESS] || 0),
 			6
 		)
 	), [prices]);
-	const	ycrvCurvePoolPrice = useMemo((): number => (
+	const ycrvCurvePoolPrice = useMemo((): number => (
 		formatToNormalizedValue(
 			formatBN(prices?.[YCRV_CURVE_POOL_ADDRESS] || 0),
 			6
 		)
 	), [prices]);
 
-	function	renderButton(): ReactElement {
-		const	balanceForInputToken = formatBN(balances?.[toAddress(selectedOptionFrom.value)]?.raw);
-		const	isAboveBalance = formatBN(amount?.raw).gt(balanceForInputToken) || balanceForInputToken.eq(Zero);
+	function renderButton(): ReactElement {
+		const balanceForInputToken = formatBN(balances?.[toAddress(selectedOptionFrom.value)]?.raw);
+		const isAboveBalance = formatBN(amount?.raw).gt(balanceForInputToken) || balanceForInputToken.eq(Zero);
 
 		if (txStatusApprove.pending || (amount.raw).gt(allowanceFrom)) {
 			return (
@@ -211,7 +211,7 @@ function	CardMigrateLegacy(): ReactElement {
 	);
 }
 
-function	CardMigrateLegacyWrapper(): ReactElement {
+function CardMigrateLegacyWrapper(): ReactElement {
 	const {txStatusApprove, txStatusZap} = useCardTransactor();
 
 	return (
@@ -237,7 +237,7 @@ function	CardMigrateLegacyWrapper(): ReactElement {
 	);
 }
 
-function	WithCardTransactor(): ReactElement {
+function WithCardTransactor(): ReactElement {
 	return (
 		<CardTransactorContextApp
 			defaultOptionFrom={LEGACY_OPTIONS_FROM[0]}
diff --git a/apps/ycrv/components/CardTransactorWrapper.tsx b/apps/ycrv/components/CardTransactorWrapper.tsx
index 41497e236..e849aea67 100755
--- a/apps/ycrv/components/CardTransactorWrapper.tsx
+++ b/apps/ycrv/components/CardTransactorWrapper.tsx
@@ -45,7 +45,7 @@ type TCardTransactor = {
 	onZap: VoidPromiseFunction
 }
 
-const		CardTransactorContext = createContext<TCardTransactor>({
+const CardTransactorContext = createContext<TCardTransactor>({
 	selectedOptionFrom: LEGACY_OPTIONS_FROM[0],
 	selectedOptionTo: LEGACY_OPTIONS_TO[0],
 	amount: toNormalizedBN(0),
@@ -64,24 +64,24 @@ const		CardTransactorContext = createContext<TCardTransactor>({
 	onIncreaseCRVAllowance: async (): Promise<void> => undefined
 });
 
-function	CardTransactorContextApp({
+function CardTransactorContextApp({
 	defaultOptionFrom = LEGACY_OPTIONS_FROM[0],
 	defaultOptionTo = LEGACY_OPTIONS_TO[0],
 	children = <div />
 }): ReactElement {
-	const	{provider, isActive, address} = useWeb3();
-	const	{styCRVAPY, allowances, slippage} = useYCRV();
-	const	{balancesNonce, balances, refresh} = useWallet();
-	const	{vaults} = useYearn();
-	const	[txStatusApprove, set_txStatusApprove] = useState(defaultTxStatus);
-	const	[txStatusZap, set_txStatusZap] = useState(defaultTxStatus);
-	const	[selectedOptionFrom, set_selectedOptionFrom] = useState(defaultOptionFrom);
-	const	[selectedOptionTo, set_selectedOptionTo] = useState(defaultOptionTo);
-	const	[amount, set_amount] = useState<TNormalizedBN>(toNormalizedBN(0));
-	const	[hasTypedSomething, set_hasTypedSomething] = useState(false);
-	const	addToken = useAddToken();
-	const 	{dismissAllToasts} = useDismissToasts();
-	const 	{toast} = yToast();
+	const {provider, isActive, address} = useWeb3();
+	const {styCRVAPY, allowances, slippage} = useYCRV();
+	const {balancesNonce, balances, refresh} = useWallet();
+	const {vaults} = useYearn();
+	const [txStatusApprove, set_txStatusApprove] = useState(defaultTxStatus);
+	const [txStatusZap, set_txStatusZap] = useState(defaultTxStatus);
+	const [selectedOptionFrom, set_selectedOptionFrom] = useState(defaultOptionFrom);
+	const [selectedOptionTo, set_selectedOptionTo] = useState(defaultOptionTo);
+	const [amount, set_amount] = useState<TNormalizedBN>(toNormalizedBN(0));
+	const [hasTypedSomething, set_hasTypedSomething] = useState(false);
+	const addToken = useAddToken();
+	const {dismissAllToasts} = useDismissToasts();
+	const {toast} = yToast();
 
 	/* 🔵 - Yearn Finance ******************************************************
 	** useEffect to set the amount to the max amount of the selected token once
@@ -110,30 +110,30 @@ function	CardTransactorContextApp({
 			return (Zero);
 		}
 
-		const	currentProvider = provider || getProvider(1);
+		const currentProvider = provider || getProvider(1);
 		if (_inputToken === YCRV_CURVE_POOL_ADDRESS) {
 			// Direct deposit to vault from crv/yCRV Curve LP Token to lp-yCRV Vault
-			const	contract = new ethers.Contract(
+			const contract = new ethers.Contract(
 				LPYCRV_TOKEN_ADDRESS,
 				['function pricePerShare() public view returns (uint256)'],
 				currentProvider
 			);
 			try {
-				const	pps = formatBN(await contract.pricePerShare());
-				const	_expectedOut = _amountIn.mul(pps).div(ethers.constants.WeiPerEther);
+				const pps = formatBN(await contract.pricePerShare());
+				const _expectedOut = _amountIn.mul(pps).div(ethers.constants.WeiPerEther);
 				return _expectedOut;
 			} catch (error) {
 				return (Zero);
 			}
 		} else {
 			// Zap in
-			const	contract = new ethers.Contract(
+			const contract = new ethers.Contract(
 				ZAP_YEARN_VE_CRV_ADDRESS,
 				['function calc_expected_out(address, address, uint256) public view returns (uint256)'],
 				currentProvider
 			);
 			try {
-				const	_expectedOut = formatBN(await contract.calc_expected_out(_inputToken, _outputToken, _amountIn));
+				const _expectedOut = formatBN(await contract.calc_expected_out(_inputToken, _outputToken, _amountIn));
 				return _expectedOut;
 			} catch (error) {
 				return (Zero);
@@ -146,7 +146,7 @@ function	CardTransactorContextApp({
 	** amount. This hook is called every 10s or when amount/in or out changes.
 	** Calls the expectedOutFetcher callback.
 	**************************************************************************/
-	const	{data: expectedOut} = useSWR(
+	const {data: expectedOut} = useSWR(
 		isActive ? [
 			selectedOptionFrom.value,
 			selectedOptionTo.value,
@@ -160,7 +160,7 @@ function	CardTransactorContextApp({
 	** Approve the spending of token A by the corresponding ZAP contract to
 	** perform the swap.
 	**************************************************************************/
-	async function	onApproveFrom(): Promise<void> {
+	async function onApproveFrom(): Promise<void> {
 		new Transaction(provider, approveERC20, set_txStatusApprove).populate(
 			toAddress(selectedOptionFrom.value),
 			selectedOptionFrom.zapVia,
@@ -175,7 +175,7 @@ function	CardTransactorContextApp({
 	** increase it. This function is called when the user wants to increase the
 	** allowance of the CRV token.
 	**************************************************************************/
-	async function	onIncreaseCRVAllowance(): Promise<void> {
+	async function onIncreaseCRVAllowance(): Promise<void> {
 		await new Transaction(provider, approveERC20, set_txStatusApprove).populate(
 			toAddress(selectedOptionFrom.value),
 			selectedOptionFrom.zapVia,
@@ -195,7 +195,7 @@ function	CardTransactorContextApp({
 	** Execute a zap using the ZAP contract to migrate from a token A to a
 	** supported token B.
 	**************************************************************************/
-	async function	onZap(): Promise<void> {
+	async function onZap(): Promise<void> {
 		dismissAllToasts();
 
 		const addToMetamaskToast = {
@@ -243,28 +243,28 @@ function	CardTransactorContextApp({
 	** Set of memorized values to limit the number of re-rendering of the
 	** component.
 	**************************************************************************/
-	const	fromVaultAPY = useMemo((): string => {
+	const fromVaultAPY = useMemo((): string => {
 		if (toAddress(selectedOptionFrom.value) === STYCRV_TOKEN_ADDRESS) {
 			return `APY ${formatPercent(styCRVAPY)}`;
 		}
 		return getVaultAPY(vaults, selectedOptionFrom.value);
 	}, [vaults, selectedOptionFrom, styCRVAPY]);
 
-	const	toVaultAPY = useMemo((): string => {
+	const toVaultAPY = useMemo((): string => {
 		if (toAddress(selectedOptionTo.value) === STYCRV_TOKEN_ADDRESS) {
 			return `APY ${formatPercent(styCRVAPY)}`;
 		}
 		return getVaultAPY(vaults, selectedOptionTo.value);
 	}, [vaults, selectedOptionTo, styCRVAPY]);
 
-	const	expectedOutWithSlippage = useMemo((): number => getAmountWithSlippage(
+	const expectedOutWithSlippage = useMemo((): number => getAmountWithSlippage(
 		selectedOptionFrom.value,
 		selectedOptionTo.value,
 		formatBN(expectedOut),
 		slippage
 	), [expectedOut, selectedOptionFrom.value, selectedOptionTo.value, slippage]);
 
-	const	allowanceFrom = useMemo((): BigNumber => {
+	const allowanceFrom = useMemo((): BigNumber => {
 		balancesNonce; // remove warning, force deep refresh
 		return formatBN(allowances?.[allowanceKey(1, toAddress(selectedOptionFrom.value), toAddress(selectedOptionFrom.zapVia), toAddress(address))]);
 	}, [balancesNonce, allowances, selectedOptionFrom.value, selectedOptionFrom.zapVia, address]);
diff --git a/apps/ycrv/components/CardZap.tsx b/apps/ycrv/components/CardZap.tsx
index 1c9d481b1..3a8fa41af 100755
--- a/apps/ycrv/components/CardZap.tsx
+++ b/apps/ycrv/components/CardZap.tsx
@@ -20,11 +20,11 @@ import {ZAP_OPTIONS_FROM, ZAP_OPTIONS_TO} from '@yCRV/utils/zapOptions';
 import type {ChangeEvent, ReactElement} from 'react';
 import type {TDropdownOption} from '@common/types/types';
 
-function	CardZap(): ReactElement {
-	const	{isActive} = useWeb3();
-	const	{balances} = useWallet();
-	const	{vaults, prices} = useYearn();
-	const	{
+function CardZap(): ReactElement {
+	const {isActive} = useWeb3();
+	const {balances} = useWallet();
+	const {vaults, prices} = useYearn();
+	const {
 		txStatusApprove, txStatusZap,
 		selectedOptionFrom, set_selectedOptionFrom,
 		selectedOptionTo, set_selectedOptionTo,
@@ -34,14 +34,14 @@ function	CardZap(): ReactElement {
 		allowanceFrom, onApproveFrom, onZap, onIncreaseCRVAllowance
 	} = useCardTransactor();
 
-	const	ycrvPrice = useMemo((): number => (
+	const ycrvPrice = useMemo((): number => (
 		formatToNormalizedValue(
 			formatBN(prices?.[YCRV_TOKEN_ADDRESS] || 0),
 			6
 		)
 	), [prices]);
 
-	const	ycrvCurvePoolPrice = useMemo((): number => (
+	const ycrvCurvePoolPrice = useMemo((): number => (
 		formatToNormalizedValue(
 			formatBN(prices?.[YCRV_CURVE_POOL_ADDRESS] || 0),
 			6
@@ -51,7 +51,7 @@ function	CardZap(): ReactElement {
 	/* 🔵 - Yearn Finance ******************************************************
 	** useMemo to get the current possible TO vaults path for the current FROM
 	**************************************************************************/
-	const	possibleTo = useMemo((): TDropdownOption[] => {
+	const possibleTo = useMemo((): TDropdownOption[] => {
 		if (selectedOptionFrom.value === YCRV_CURVE_POOL_ADDRESS) {
 			const possibleOptions = ZAP_OPTIONS_TO.filter((option): boolean => option.value === LPYCRV_TOKEN_ADDRESS);
 			if (selectedOptionTo.value !== LPYCRV_TOKEN_ADDRESS) {
@@ -62,10 +62,10 @@ function	CardZap(): ReactElement {
 		return ZAP_OPTIONS_TO.filter((option): boolean => option.value !== selectedOptionFrom.value);
 	}, [selectedOptionFrom.value, selectedOptionTo.value, ZAP_OPTIONS_TO]); // eslint-disable-line react-hooks/exhaustive-deps
 
-	function	renderButton(): ReactElement {
-		const	balanceForInputToken = formatBN(balances?.[toAddress(selectedOptionFrom.value)]?.raw);
-		const	isAboveBalance = amount.raw.gt(balanceForInputToken) || balanceForInputToken.eq(Zero);
-		const	isAboveAllowance = (amount.raw).gt(allowanceFrom);
+	function renderButton(): ReactElement {
+		const balanceForInputToken = formatBN(balances?.[toAddress(selectedOptionFrom.value)]?.raw);
+		const isAboveBalance = amount.raw.gt(balanceForInputToken) || balanceForInputToken.eq(Zero);
+		const isAboveAllowance = (amount.raw).gt(allowanceFrom);
 
 		if (txStatusApprove.pending || isAboveAllowance) {
 			if (allowanceFrom.gt(Zero) && toAddress(selectedOptionFrom.value) === CRV_TOKEN_ADDRESS) {
@@ -244,7 +244,7 @@ function	CardZap(): ReactElement {
 	);
 }
 
-function	CardZapWrapper(): ReactElement {
+function CardZapWrapper(): ReactElement {
 	const {txStatusApprove, txStatusZap} = useCardTransactor();
 
 	return (
@@ -270,7 +270,7 @@ function	CardZapWrapper(): ReactElement {
 	);
 }
 
-function	WithCardTransactor(): ReactElement {
+function WithCardTransactor(): ReactElement {
 	return (
 		<CardTransactorContextApp
 			defaultOptionFrom={ZAP_OPTIONS_FROM[0]}
diff --git a/apps/ycrv/components/Harvests.tsx b/apps/ycrv/components/Harvests.tsx
index 87394dd58..48f850d61 100644
--- a/apps/ycrv/components/Harvests.tsx
+++ b/apps/ycrv/components/Harvests.tsx
@@ -10,12 +10,12 @@ import {HarvestListRow} from './HarvestsListRow';
 import type {ReactElement} from 'react';
 import type {TYDaemonHarvests} from '@common/types/yearn';
 
-function	Harvests(): ReactElement {
-	const	{harvests} = useYCRV();
-	const	[category, set_category] = useState('all');
+function Harvests(): ReactElement {
+	const {harvests} = useYCRV();
+	const [category, set_category] = useState('all');
 
-	const	filteredHarvests = useMemo((): TYDaemonHarvests[] => {
-		const	_harvests = [...(harvests || [])];
+	const filteredHarvests = useMemo((): TYDaemonHarvests[] => {
+		const _harvests = [...(harvests || [])];
 		if (category === 'st-yCRV') {
 			return _harvests.filter((harvest): boolean => toAddress(harvest.vaultAddress) === STYCRV_TOKEN_ADDRESS);
 		}
diff --git a/apps/ycrv/components/HarvestsListHead.tsx b/apps/ycrv/components/HarvestsListHead.tsx
index 03e04f88a..fc214a7a4 100644
--- a/apps/ycrv/components/HarvestsListHead.tsx
+++ b/apps/ycrv/components/HarvestsListHead.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 import type {ReactElement} from 'react';
 
-function	HarvestListHead(): ReactElement {
+function HarvestListHead(): ReactElement {
 	return (
 		<div className={'yearn--table-head-wrapper'}>
 			<div className={'yearn--table-head-token-section'}>
diff --git a/apps/ycrv/components/HarvestsListRow.tsx b/apps/ycrv/components/HarvestsListRow.tsx
index 15dd08672..016644292 100755
--- a/apps/ycrv/components/HarvestsListRow.tsx
+++ b/apps/ycrv/components/HarvestsListRow.tsx
@@ -10,7 +10,7 @@ import {ImageWithFallback} from '@common/components/ImageWithFallback';
 import type {ReactElement} from 'react';
 import type {TYDaemonHarvests} from '@common/types/yearn';
 
-function	HarvestListRow({harvest}: {harvest: TYDaemonHarvests}): ReactElement {
+function HarvestListRow({harvest}: {harvest: TYDaemonHarvests}): ReactElement {
 	return (
 		<div className={'yearn--table-wrapper'}>
 			<div className={'yearn--table-token-section'}>
diff --git a/apps/ycrv/components/QuickActions.tsx b/apps/ycrv/components/QuickActions.tsx
index 189c090b1..23dbaa9f1 100644
--- a/apps/ycrv/components/QuickActions.tsx
+++ b/apps/ycrv/components/QuickActions.tsx
@@ -40,7 +40,7 @@ export type TQAButton = {
 function QASelect(props: TQASelect): ReactElement {
 	const {label, legend, options, selected, balanceSource, onSelect} = props;
 
-	function	renderMultipleOptionsFallback(): ReactElement {
+	function renderMultipleOptionsFallback(): ReactElement {
 		return (
 			<Dropdown
 				defaultOption={options[0]}
@@ -148,7 +148,7 @@ function QAButton({label, ...props}: TQAButton): ReactElement {
 	);
 }
 
-export function	QuickActions({label, children}: {label: string; children: ReactNode}): ReactElement {
+export function QuickActions({label, children}: {label: string; children: ReactNode}): ReactElement {
 	return (
 		<section aria-label={label} className={'flex w-full flex-col space-x-0 md:flex-row md:space-x-4'}>
 			{children}
diff --git a/apps/ycrv/contexts/useYCRV.tsx b/apps/ycrv/contexts/useYCRV.tsx
index 296f6dcbe..48fa53987 100755
--- a/apps/ycrv/contexts/useYCRV.tsx
+++ b/apps/ycrv/contexts/useYCRV.tsx
@@ -42,7 +42,7 @@ type TYCRVContext = {
 	set_slippage: (slippage: number) => void,
 }
 
-const	defaultProps = {
+const defaultProps = {
 	styCRVMegaBoost: 0,
 	styCRVAPY: 0,
 	harvests: [],
@@ -65,26 +65,26 @@ const	defaultProps = {
 /* 🔵 - Yearn Finance **********************************************************
 ** This context controls the Holdings computation.
 ******************************************************************************/
-const	YCRVContext = createContext<TYCRVContext>(defaultProps);
+const YCRVContext = createContext<TYCRVContext>(defaultProps);
 export const YCRVContextApp = ({children}: {children: ReactElement}): ReactElement => {
 	const {provider, address, isActive} = useWeb3();
 	const {settings: baseAPISettings} = useSettings();
 	const [slippage, set_slippage] = useState<number>(0.6);
 
-	// const	{data: styCRVExperimentalAPY} = useSWR(
+	// const {data: styCRVExperimentalAPY} = useSWR(
 	// 	`${baseAPISettings.yDaemonBaseURI}/1/vaults/apy/${STYCRV_TOKEN_ADDRESS}`,
 	// 	baseFetcher,
 	// 	{revalidateOnFocus: false}
 	// ) as SWRResponse;
 
-	const	{data: styCRVVault} = useSWR<TYDaemonVault>(
+	const {data: styCRVVault} = useSWR<TYDaemonVault>(
 		`${baseAPISettings.yDaemonBaseURI || process.env.YDAEMON_BASE_URI}/1/vaults/${STYCRV_TOKEN_ADDRESS}`,
 		baseFetcher,
 		{revalidateOnFocus: false}
 	);
 
 
-	const	{data: yCRVHarvests} = useSWR(
+	const {data: yCRVHarvests} = useSWR(
 		`${baseAPISettings.yDaemonBaseURI || process.env.YDAEMON_BASE_URI}/1/vaults/harvests/${STYCRV_TOKEN_ADDRESS},${LPYCRV_TOKEN_ADDRESS}`,
 		baseFetcher,
 		{revalidateOnFocus: false}
@@ -94,17 +94,17 @@ export const YCRVContextApp = ({children}: {children: ReactElement}): ReactEleme
 	** SWR hook to get the holdings data for the yCRV ecosystem.
 	**************************************************************************/
 	const numbersFetchers = useCallback(async (): Promise<TDict<BigNumber>> => {
-		const	currentProvider = provider || getProvider(1);
-		const	ethcallProvider = await newEthCallProvider(currentProvider);
+		const currentProvider = provider || getProvider(1);
+		const ethcallProvider = await newEthCallProvider(currentProvider);
 
-		const	yCRVContract = new Contract(YCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
-		const	styCRVContract = new Contract(STYCRV_TOKEN_ADDRESS as string, STYCRV_ABI);
-		const	lpyCRVContract = new Contract(LPYCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
-		const	yveCRVContract = new Contract(YVECRV_TOKEN_ADDRESS as string, YVECRV_ABI);
-		const	veEscrowContract = new Contract(VECRV_ADDRESS as string, YVECRV_ABI);
-		const	crvYCRVLpContract = new Contract(YCRV_CURVE_POOL_ADDRESS as string, CURVE_CRV_YCRV_LP_ABI);
+		const yCRVContract = new Contract(YCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
+		const styCRVContract = new Contract(STYCRV_TOKEN_ADDRESS as string, STYCRV_ABI);
+		const lpyCRVContract = new Contract(LPYCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
+		const yveCRVContract = new Contract(YVECRV_TOKEN_ADDRESS as string, YVECRV_ABI);
+		const veEscrowContract = new Contract(VECRV_ADDRESS as string, YVECRV_ABI);
+		const crvYCRVLpContract = new Contract(YCRV_CURVE_POOL_ADDRESS as string, CURVE_CRV_YCRV_LP_ABI);
 
-		const	[
+		const [
 			yveCRVTotalSupply,
 			yveCRVInYCRV,
 			veCRVBalance,
@@ -136,7 +136,7 @@ export const YCRVContextApp = ({children}: {children: ReactElement}): ReactEleme
 			['veCRVBalance']: veCRVBalance
 		});
 	}, [provider]);
-	const	{data: holdings} = useSWR('numbers', numbersFetchers, {shouldRetryOnError: false});
+	const {data: holdings} = useSWR('numbers', numbersFetchers, {shouldRetryOnError: false});
 
 
 	/* 🔵 - Yearn Finance ******************************************************
@@ -148,19 +148,19 @@ export const YCRVContextApp = ({children}: {children: ReactElement}): ReactEleme
 		if (!isActive || !provider) {
 			return {};
 		}
-		const	currentProvider = provider || getProvider(1);
-		const	ethcallProvider = await newEthCallProvider(currentProvider);
-		const	userAddress = address;
-		const	yCRVContract = new Contract(YCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
-		const	styCRVContract = new Contract(STYCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
-		const	lpyCRVContract = new Contract(LPYCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
-		const	yveCRVContract = new Contract(YVECRV_TOKEN_ADDRESS as string, YVECRV_ABI);
-		const	crvContract = new Contract(CRV_TOKEN_ADDRESS as string, ERC20_ABI);
-		const	yvBoostContract = new Contract(YVBOOST_TOKEN_ADDRESS as string, ERC20_ABI);
-		const	yCRVPoolContract = new Contract(YCRV_CURVE_POOL_ADDRESS as string, YVECRV_ABI);
-		const	cvxCRVContract = new Contract(CVXCRV_TOKEN_ADDRESS as string, ERC20_ABI);
-
-		const	[
+		const currentProvider = provider || getProvider(1);
+		const ethcallProvider = await newEthCallProvider(currentProvider);
+		const userAddress = address;
+		const yCRVContract = new Contract(YCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
+		const styCRVContract = new Contract(STYCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
+		const lpyCRVContract = new Contract(LPYCRV_TOKEN_ADDRESS as string, YVECRV_ABI);
+		const yveCRVContract = new Contract(YVECRV_TOKEN_ADDRESS as string, YVECRV_ABI);
+		const crvContract = new Contract(CRV_TOKEN_ADDRESS as string, ERC20_ABI);
+		const yvBoostContract = new Contract(YVBOOST_TOKEN_ADDRESS as string, ERC20_ABI);
+		const yCRVPoolContract = new Contract(YCRV_CURVE_POOL_ADDRESS as string, YVECRV_ABI);
+		const cvxCRVContract = new Contract(CVXCRV_TOKEN_ADDRESS as string, ERC20_ABI);
+
+		const [
 			yCRVAllowanceZap, styCRVAllowanceZap, lpyCRVAllowanceZap,
 			yveCRVAllowanceZap, crvAllowanceZap, yvBoostAllowanceZap,
 			cvxCRVAllowanceZap,
@@ -194,28 +194,28 @@ export const YCRVContextApp = ({children}: {children: ReactElement}): ReactEleme
 			[allowanceKey(1, CRV_TOKEN_ADDRESS, YVECRV_POOL_LP_ADDRESS, toAddress(userAddress))]:  crvAllowanceLP
 		});
 	}, [provider, address, isActive]);
-	const	{data: allowances} = useSWR(isActive && provider ? 'allowances' : null, getAllowances, {shouldRetryOnError: false});
+	const {data: allowances} = useSWR(isActive && provider ? 'allowances' : null, getAllowances, {shouldRetryOnError: false});
 
 	/* 🔵 - Yearn Finance ******************************************************
 	** Compute the mega boost for the staked yCRV. This boost come from the
 	** donator, with 30_000 per week.
 	**************************************************************************/
-	const	styCRVMegaBoost = useMemo((): number => {
+	const styCRVMegaBoost = useMemo((): number => {
 		if (!holdings || holdings.styCRVSupply === Zero) {
 			return 0;
 		}
-		const	fromDonatorPerWeek = 30_000;
-		const	fromDonatorPerYear = fromDonatorPerWeek * 52;
-		const	fromDonatorPerYearScaled = fromDonatorPerYear * 0.9;
-		const	humanizedStyCRVSupply = Number(formatUnits(holdings.styCRVSupply, 18));
-		const	megaBoostAPR = fromDonatorPerYearScaled / humanizedStyCRVSupply;
+		const fromDonatorPerWeek = 30_000;
+		const fromDonatorPerYear = fromDonatorPerWeek * 52;
+		const fromDonatorPerYearScaled = fromDonatorPerYear * 0.9;
+		const humanizedStyCRVSupply = Number(formatUnits(holdings.styCRVSupply, 18));
+		const megaBoostAPR = fromDonatorPerYearScaled / humanizedStyCRVSupply;
 		return megaBoostAPR;
 	}, [holdings]);
 
 	/* 🔵 - Yearn Finance ******************************************************
 	** Compute the styCRV APY based on the experimental APY and the mega boost.
 	**************************************************************************/
-	const	styCRVAPY = useMemo((): number => {
+	const styCRVAPY = useMemo((): number => {
 		return ((styCRVVault?.apy?.net_apy || 0) * 100);
 		// return ((styCRVVault?.apy?.net_apy || 0) * 100) + (styCRVMegaBoost * 100);
 		// return (styCRVExperimentalAPY * 100) + (styCRVMegaBoost * 100);
@@ -224,7 +224,7 @@ export const YCRVContextApp = ({children}: {children: ReactElement}): ReactEleme
 	/* 🔵 - Yearn Finance ******************************************************
 	**	Setup and render the Context provider to use in the app.
 	***************************************************************************/
-	const	contextValue = useMemo((): TYCRVContext => ({
+	const contextValue = useMemo((): TYCRVContext => ({
 		harvests: yCRVHarvests,
 		holdings: holdings as THoldings,
 		allowances: allowances as TDict<BigNumber>,
diff --git a/apps/ycrv/utils/actions.ts b/apps/ycrv/utils/actions.ts
index 49caa5784..fb7988d99 100644
--- a/apps/ycrv/utils/actions.ts
+++ b/apps/ycrv/utils/actions.ts
@@ -6,7 +6,7 @@ import type {BigNumber} from 'ethers';
 import type {TTxResponse} from '@yearn-finance/web-lib/utils/web3/transaction';
 
 
-export async function	zap(
+export async function zap(
 	provider: ethers.providers.JsonRpcProvider,
 	inputToken: string,
 	outputToken: string,
diff --git a/apps/ycrv/utils/zapOptions.tsx b/apps/ycrv/utils/zapOptions.tsx
index 9cc8f402b..05cd6b6e7 100755
--- a/apps/ycrv/utils/zapOptions.tsx
+++ b/apps/ycrv/utils/zapOptions.tsx
@@ -4,7 +4,7 @@ import {CRV_TOKEN_ADDRESS, CVXCRV_TOKEN_ADDRESS, LPYCRV_TOKEN_ADDRESS, STYCRV_TO
 
 import type {TDropdownOption} from '@common/types/types';
 
-const	LEGACY_OPTIONS_FROM: TDropdownOption[] = [
+const LEGACY_OPTIONS_FROM: TDropdownOption[] = [
 	{
 		label: 'yvBOOST',
 		symbol: 'yvBOOST',
@@ -36,7 +36,7 @@ const	LEGACY_OPTIONS_FROM: TDropdownOption[] = [
 	}
 ];
 
-const	LEGACY_OPTIONS_TO: TDropdownOption[] = [
+const LEGACY_OPTIONS_TO: TDropdownOption[] = [
 	{
 		label: 'st-yCRV',
 		symbol: 'st-yCRV',
@@ -86,7 +86,7 @@ const	LEGACY_OPTIONS_TO: TDropdownOption[] = [
 	}
 ];
 
-const	ZAP_OPTIONS_FROM: TDropdownOption[] = [
+const ZAP_OPTIONS_FROM: TDropdownOption[] = [
 	{
 		label: 'CRV',
 		symbol: 'CRV',
@@ -133,7 +133,7 @@ const	ZAP_OPTIONS_FROM: TDropdownOption[] = [
 	...LEGACY_OPTIONS_FROM
 ];
 
-const	ZAP_OPTIONS_TO: TDropdownOption[] = [...LEGACY_OPTIONS_TO];
+const ZAP_OPTIONS_TO: TDropdownOption[] = [...LEGACY_OPTIONS_TO];
 
 export {
 	LEGACY_OPTIONS_FROM,
diff --git a/pages/_app.tsx b/pages/_app.tsx
index ff71f9fad..eb541d87c 100755
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -17,7 +17,7 @@ import type {AppProps} from 'next/app';
 import type {NextRouter} from 'next/router';
 import type {ReactElement} from 'react';
 
-import	'../style.css';
+import '../style.css';
 
 const aeonik = localFont({
 	variable: '--font-aeonik',
@@ -37,11 +37,11 @@ const aeonik = localFont({
 
 type TGetLayout = NextComponentType & {getLayout: (p: ReactElement, router: NextRouter) => ReactElement}
 const WithLayout = memo(function WithLayout(props: AppProps): ReactElement {
-	const	{Component, pageProps, router} = props;
-	const	getLayout = (Component as TGetLayout).getLayout || ((page: ReactElement): ReactElement => page);
+	const {Component, pageProps, router} = props;
+	const getLayout = (Component as TGetLayout).getLayout || ((page: ReactElement): ReactElement => page);
 	// eslint-disable-next-line @typescript-eslint/naming-convention
-	const 	{value} = useLocalStorageValue<boolean>('yearn.finance/feedback-popover');
-	const	{name} = useCurrentApp(router);
+	const {value} = useLocalStorageValue<boolean>('yearn.finance/feedback-popover');
+	const {name} = useCurrentApp(router);
 
 	return (
 		<div id={'app'} className={'mx-auto mb-0 flex max-w-6xl font-aeonik'}>
@@ -67,8 +67,8 @@ const WithLayout = memo(function WithLayout(props: AppProps): ReactElement {
 });
 
 const App = memo(function App(props: AppProps): ReactElement {
-	const	{Component, pageProps, router} = props;
-	const	{manifest} = useCurrentApp(router);
+	const {Component, pageProps, router} = props;
+	const {manifest} = useCurrentApp(router);
 
 	return (
 		<MenuContextApp>
@@ -87,7 +87,7 @@ const App = memo(function App(props: AppProps): ReactElement {
 	);
 });
 
-function	MyApp(props: AppProps): ReactElement {
+function MyApp(props: AppProps): ReactElement {
 	return (
 		<main id={'main'} className={aeonik.className}>
 			<WithYearn
diff --git a/pages/api/getBatchBalances.tsx b/pages/api/getBatchBalances.tsx
index 993311fa2..c498eadbe 100644
--- a/pages/api/getBatchBalances.tsx
+++ b/pages/api/getBatchBalances.tsx
@@ -25,7 +25,7 @@ async function getBatchBalances({
 	tokens
 }: TPerformCall): Promise<TDict<TBalanceData>> {
 	const data: TDict<TBalanceData> = {};
-	const	chunks = [];
+	const chunks = [];
 	for (let i = 0; i < tokens.length; i += 5_000) {
 		chunks.push(tokens.slice(i, i + 5_000));
 	}
@@ -35,9 +35,9 @@ async function getBatchBalances({
 	for (const chunkTokens of chunks) {
 		const calls = [];
 		for (const element of chunkTokens) {
-			const	{token} = element;
-			const	ownerAddress = address;
-			const	isEth = toAddress(token) === toAddress(ETH_TOKEN_ADDRESS);
+			const {token} = element;
+			const ownerAddress = address;
+			const isEth = toAddress(token) === toAddress(ETH_TOKEN_ADDRESS);
 			if (isEth) {
 				const multicall3Contract = {address: toWagmiAddress(MULTICALL3_ADDRESS), abi: AGGREGATE3_ABI};
 				const baseContract = {address: toWagmiAddress(nativeTokenWrapper), abi: erc20ABI};
@@ -55,7 +55,7 @@ async function getBatchBalances({
 		try {
 			const results = await multicall({contracts: calls as never[], chainId: chainID});
 
-			let		rIndex = 0;
+			let rIndex = 0;
 			for (const element of tokens) {
 				const {token} = element;
 				const balanceOf = decodeAsBigInt(results[rIndex++]);
diff --git a/pages/index.tsx b/pages/index.tsx
index 55ea75db9..09d5953fc 100755
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -8,7 +8,7 @@ import LogoYearn from '@common/icons/LogoYearn';
 
 import type {ReactElement} from 'react';
 
-const	apps = [
+const apps = [
 	{
 		href: '/vaults',
 		title: 'Vaults',
@@ -47,16 +47,16 @@ const	apps = [
 	}
 ];
 
-function	AppBox({app}: {app: typeof apps[0]}): ReactElement {
+function AppBox({app}: {app: typeof apps[0]}): ReactElement {
 	useClientEffect((): VoidFunction => {
 		const featuresEl = document.getElementById(app.href);
 		if (featuresEl) {
-			const	cleanup = (): void => {
+			const cleanup = (): void => {
 				featuresEl.removeEventListener('pointermove', pointermove);
 				featuresEl.removeEventListener('pointerleave', pointerleave);
 			};
 
-			const	pointermove = (ev: MouseEvent): void => {
+			const pointermove = (ev: MouseEvent): void => {
 				const rect = featuresEl.getBoundingClientRect();
 				if (featuresEl?.style) {
 					featuresEl.style.setProperty('--opacity', '0.3');
@@ -65,7 +65,7 @@ function	AppBox({app}: {app: typeof apps[0]}): ReactElement {
 				}
 			};
 
-			const	pointerleave = (): void => {
+			const pointerleave = (): void => {
 				if (featuresEl?.style) {
 					featuresEl.style.setProperty('--opacity', '0');
 				}
@@ -96,10 +96,10 @@ function	AppBox({app}: {app: typeof apps[0]}): ReactElement {
 	);
 }
 
-function	TextAnimation(): ReactElement {
+function TextAnimation(): ReactElement {
 	const hasBeenTriggerd = useRef<boolean>(false);
 
-	function	onStartAnimation(): void {
+	function onStartAnimation(): void {
 		hasBeenTriggerd.current = true;
 		const words = document.getElementsByClassName('word') as HTMLCollectionOf<HTMLSpanElement>;
 		const wordArray: HTMLSpanElement[][] = [];
@@ -186,7 +186,7 @@ function	TextAnimation(): ReactElement {
 	);
 }
 
-function	Index(): ReactElement {
+function Index(): ReactElement {
 	return (
 		<>
 			<div className={'mx-auto mt-6 mb-10 flex flex-col justify-center md:mt-20 md:mb-14'}>
diff --git a/pages/vaults/[chainID]/[address].tsx b/pages/vaults/[chainID]/[address].tsx
index f6f763ce9..f893cf587 100755
--- a/pages/vaults/[chainID]/[address].tsx
+++ b/pages/vaults/[chainID]/[address].tsx
@@ -33,13 +33,13 @@ function Index(vault: InferGetServerSidePropsType<typeof getServerSideProps>): R
 	const router = useRouter();
 	const {refresh} = useWallet();
 	const {toast, toastMaster} = yToast();
-	
+
 	const [toastState, set_toastState] = useState<{id?: string; isOpen: boolean}>({isOpen: false});
 	const currentVault = useRef<TYDaemonVault>(vaults[toAddress(router.query.address as string)] || vault);
 
 	useEffect((): void => {
 		if (address && isActive) {
-			const	tokensToRefresh = [];
+			const tokensToRefresh = [];
 			if (currentVault?.current?.address) {
 				tokensToRefresh.push({token: toAddress(currentVault.current.address)});
 			}
@@ -136,7 +136,7 @@ export const getServerSideProps: GetServerSideProps<TYDaemonVault> = async (cont
 	if (typeof chainID !== 'string' || !Object.keys(CHAINS).includes(chainID)) {
 		return {notFound: true};
 	}
-	
+
 	const address = getAddress(context.query.address);
 
 	if (!address || !ADDRESS_REGEX.test(address) || isZeroAddress(address)) {
diff --git a/pages/vaults/about.tsx b/pages/vaults/about.tsx
index 92352b09e..69a0056d2 100755
--- a/pages/vaults/about.tsx
+++ b/pages/vaults/about.tsx
@@ -6,7 +6,7 @@ import SettingsOverwrite from '@common/components/SettingsOverwrite';
 import type {NextRouter} from 'next/router';
 import type {ReactElement} from 'react';
 
-function	About(): ReactElement {
+function About(): ReactElement {
 	return (
 		<section className={'mt-4 grid w-full grid-cols-1 gap-10 pb-10 md:mt-20 md:grid-cols-2'}>
 			<div className={'w-full bg-neutral-100 p-10'}>
@@ -26,7 +26,7 @@ function	About(): ReactElement {
 						</p>
 					</Balancer>
 				</div>
-			</div> 
+			</div>
 
 			<div className={'w-full bg-neutral-100 p-10'}>
 				<div aria-label={'Risk Score'} className={'flex flex-col pb-6'}>
diff --git a/pages/vaults/factory.tsx b/pages/vaults/factory.tsx
index 221d5289f..e7bb78054 100644
--- a/pages/vaults/factory.tsx
+++ b/pages/vaults/factory.tsx
@@ -37,7 +37,7 @@ type TGaugeDisplayData = {
 	gaugeAddress: TAddress
 }
 
-const	defaultOption: TDropdownGaugeOption = {
+const defaultOption: TDropdownGaugeOption = {
 	label: '',
 	value: {
 		name: '',
@@ -48,7 +48,7 @@ const	defaultOption: TDropdownGaugeOption = {
 	}
 };
 
-function	Factory(): ReactElement {
+function Factory(): ReactElement {
 	const {mutateVaultList} = useYearn();
 	const {provider, isActive} = useWeb3();
 	const {safeChainID} = useChainID();
@@ -90,7 +90,7 @@ function	Factory(): ReactElement {
 	** the extra impossible gauges and formating them to the expected
 	** TDropdownGaugeOption type
 	**************************************************************************/
-	const	gaugesOptions = useMemo((): TDropdownGaugeOption[] => {
+	const gaugesOptions = useMemo((): TDropdownGaugeOption[] => {
 		return (
 			(filteredGauges || [])
 				.filter((item: TCurveGaugeFromYearn): boolean => item.weight !== '0')
@@ -159,7 +159,7 @@ function	Factory(): ReactElement {
 				gaugeAddress: toWagmiAddress(selectedOption.value.gaugeAddress)
 			});
 		} catch (error) {
-			const	err = error as {reason: string, code: string};
+			const err = error as {reason: string, code: string};
 			if (err.code === 'UNPREDICTABLE_GAS_LIMIT') {
 				toast({type: 'warning', content: (err?.reason || '').replace('execution reverted: ', '')});
 			} else {
@@ -193,7 +193,7 @@ function	Factory(): ReactElement {
 		}
 	}, [fetchGaugesAction, gaugesFromYearn, mutateVaultList, provider, safeChainID, selectedOption.value.gaugeAddress]);
 
-	function	loadingFallback(): ReactElement {
+	function loadingFallback(): ReactElement {
 		return (
 			<div className={'flex h-10 items-center bg-neutral-200 p-2 pl-5 text-neutral-600'}>
 				<span className={'loader'} />
diff --git a/pages/vaults/index.tsx b/pages/vaults/index.tsx
index f1a96ccb0..b8e4ed8c5 100644
--- a/pages/vaults/index.tsx
+++ b/pages/vaults/index.tsx
@@ -29,16 +29,16 @@ import type {TYDaemonVault} from '@common/schemas/yDaemonVaultsSchemas';
 import type {TSortDirection} from '@common/types/types';
 import type {TPossibleSortBy} from '@vaults/hooks/useSortVaults';
 
-function	HeaderUserPosition(): ReactElement {
-	const	{cumulatedValueInVaults} = useWallet();
-	const	{earned} = useYearn();
+function HeaderUserPosition(): ReactElement {
+	const {cumulatedValueInVaults} = useWallet();
+	const {earned} = useYearn();
 
-	const	formatedYouEarned = useMemo((): string => {
+	const formatedYouEarned = useMemo((): string => {
 		const amount = (earned?.totalUnrealizedGainsUSD || 0) > 0 ? earned?.totalUnrealizedGainsUSD || 0 : 0;
 		return formatAmount(amount)?.toString() ?? '';
 	}, [earned?.totalUnrealizedGainsUSD]);
 
-	const	formatedYouHave = useMemo((): string => {
+	const formatedYouHave = useMemo((): string => {
 		return formatAmount(cumulatedValueInVaults || 0)?.toString() ?? '';
 	}, [cumulatedValueInVaults]);
 
@@ -68,20 +68,20 @@ function	HeaderUserPosition(): ReactElement {
 	);
 }
 
-function	Index(): ReactElement {
-	const	{safeChainID} = useChainID();
-	const	{balances, balancesNonce} = useWallet();
-	const	{vaults, vaultsMigrations, vaultsRetired, isLoadingVaultList} = useYearn();
-	const 	[sort, set_sort] = useSessionStorage<{sortBy: TPossibleSortBy, sortDirection: TSortDirection}>(
+function Index(): ReactElement {
+	const {safeChainID} = useChainID();
+	const {balances, balancesNonce} = useWallet();
+	const {vaults, vaultsMigrations, vaultsRetired, isLoadingVaultList} = useYearn();
+	const [sort, set_sort] = useSessionStorage<{sortBy: TPossibleSortBy, sortDirection: TSortDirection}>(
 		'yVaultsSorting', {sortBy: 'apy', sortDirection: 'desc'}
 	);
-	const	{shouldHideDust, shouldHideLowTVLVaults, category, searchValue, set_category, set_searchValue} = useAppSettings();
+	const {shouldHideDust, shouldHideLowTVLVaults, category, searchValue, set_category, set_searchValue} = useAppSettings();
 
-	const	filterHoldingsCallback = useCallback((address: TAddress): boolean => {
+	const filterHoldingsCallback = useCallback((address: TAddress): boolean => {
 		balancesNonce;
-		const	holding = balances?.[toAddress(address)];
-		const	hasValidBalance = toBigInt(holding?.raw) > 0n;
-		const	balanceValue = holding?.normalizedValue || 0;
+		const holding = balances?.[toAddress(address)];
+		const hasValidBalance = toBigInt(holding?.raw) > 0n;
+		const balanceValue = holding?.normalizedValue || 0;
 		if (shouldHideDust && balanceValue < 0.01) {
 			return false;
 		}
@@ -91,11 +91,11 @@ function	Index(): ReactElement {
 		return false;
 	}, [balances, shouldHideDust, balancesNonce]);
 
-	const	filterMigrationCallback = useCallback((address: TAddress): boolean => {
+	const filterMigrationCallback = useCallback((address: TAddress): boolean => {
 		balancesNonce;
-		const	holding = balances?.[toAddress(address)];
-		const	hasValidPrice = toBigInt(holding?.rawPrice) > 0n;
-		const	hasValidBalance = toBigInt(holding?.raw) > 0n;
+		const holding = balances?.[toAddress(address)];
+		const hasValidPrice = toBigInt(holding?.rawPrice) > 0n;
+		const hasValidBalance = toBigInt(holding?.raw) > 0n;
 		if (hasValidBalance && (hasValidPrice ? (holding?.normalizedValue || 0) >= 0.01 : true)) {
 			return true;
 		}
@@ -106,17 +106,17 @@ function	Index(): ReactElement {
 	**	It's best to memorize the filtered vaults, which saves a lot of processing time by only
 	**	performing the filtering once.
 	**********************************************************************************************/
-	const	curveVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Curve');
-	const	velodromeVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Velodrome');
-	const	stablesVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Stablecoin');
-	const	balancerVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Balancer');
-	const	cryptoVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Volatile');
-	const	holdingsVaults = useFilteredVaults(vaults, ({address}): boolean => filterHoldingsCallback(address));
-	const	migratableVaults = useFilteredVaults(vaultsMigrations, ({address}): boolean => filterMigrationCallback(address));
-	const	retiredVaults = useFilteredVaults(vaultsRetired, ({address}): boolean => filterMigrationCallback(address));
+	const curveVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Curve');
+	const velodromeVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Velodrome');
+	const stablesVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Stablecoin');
+	const balancerVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Balancer');
+	const cryptoVaults = useFilteredVaults(vaults, ({category}): boolean => category === 'Volatile');
+	const holdingsVaults = useFilteredVaults(vaults, ({address}): boolean => filterHoldingsCallback(address));
+	const migratableVaults = useFilteredVaults(vaultsMigrations, ({address}): boolean => filterMigrationCallback(address));
+	const retiredVaults = useFilteredVaults(vaultsRetired, ({address}): boolean => filterMigrationCallback(address));
 
-	const	categoriesToDisplay = useMemo((): TListHeroCategory<string>[] => {
-		const	categories = [
+	const categoriesToDisplay = useMemo((): TListHeroCategory<string>[] => {
+		const categories = [
 			{value: 'Featured Vaults', label: 'Featured', isSelected: category === 'Featured Vaults'},
 			{value: 'Crypto Vaults', label: 'Crypto', isSelected: category === 'Crypto Vaults'},
 			{value: 'Stables Vaults', label: 'Stables', isSelected: category === 'Stables Vaults'},
@@ -138,8 +138,8 @@ function	Index(): ReactElement {
 	**	decide which vaults to display based on the category. No extra filters are applied.
 	**	The possible lists are memoized to avoid unnecessary re-renders.
 	**********************************************************************************************/
-	const	vaultsToDisplay = useMemo((): TYDaemonVault[] => {
-		let	_vaultList: TYDaemonVault[] = [...Object.values(vaults || {})] as TYDaemonVault[];
+	const vaultsToDisplay = useMemo((): TYDaemonVault[] => {
+		let _vaultList: TYDaemonVault[] = [...Object.values(vaults || {})] as TYDaemonVault[];
 
 		if (category === 'Curve Vaults') {
 			_vaultList = curveVaults;
@@ -169,14 +169,14 @@ function	Index(): ReactElement {
 	**	Then, on the vaultsToDisplay list, we apply the search filter. The search filter is
 	**	implemented as a simple string.includes() on the vault name.
 	**********************************************************************************************/
-	const	searchedVaultsToDisplay = useMemo((): TYDaemonVault[] => {
-		const	vaultsToUse = [...vaultsToDisplay];
+	const searchedVaultsToDisplay = useMemo((): TYDaemonVault[] => {
+		const vaultsToUse = [...vaultsToDisplay];
 
 		if (searchValue === '') {
 			return vaultsToUse;
 		}
 		return vaultsToUse.filter((vault): boolean => {
-			const	searchString = getVaultName(vault);
+			const searchString = getVaultName(vault);
 			return searchString.toLowerCase().includes(searchValue.toLowerCase());
 		});
 	}, [vaultsToDisplay, searchValue]);
@@ -186,13 +186,13 @@ function	Index(): ReactElement {
 	**	is done via a custom method that will sort the vaults based on the sortBy and
 	**	sortDirection values.
 	**********************************************************************************************/
-	const	sortedVaultsToDisplay = useSortVaults([...searchedVaultsToDisplay], sort.sortBy, sort.sortDirection);
+	const sortedVaultsToDisplay = useSortVaults([...searchedVaultsToDisplay], sort.sortBy, sort.sortDirection);
 
 	/* 🔵 - Yearn Finance **************************************************************************
 	**	Callback method used to sort the vaults list.
 	**	The use of useCallback() is to prevent the method from being re-created on every render.
 	**********************************************************************************************/
-	const	onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
+	const onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
 		set_sort({sortBy: newSortBy as TPossibleSortBy, sortDirection: newSortDirection as TSortDirection});
 	}, [set_sort]);
 
@@ -200,7 +200,7 @@ function	Index(): ReactElement {
 	**	The VaultList component is memoized to prevent it from being re-created on every render.
 	**	It contains either the list of vaults, is some are available, or a message to the user.
 	**********************************************************************************************/
-	const	VaultList = useMemo((): ReactNode => {
+	const VaultList = useMemo((): ReactNode => {
 		if (isLoadingVaultList && category === 'Holdings') {
 			return (
 				<VaultsListEmpty
diff --git a/pages/ybribe/about.tsx b/pages/ybribe/about.tsx
index 22bc0c811..f32798c4f 100755
--- a/pages/ybribe/about.tsx
+++ b/pages/ybribe/about.tsx
@@ -8,7 +8,7 @@ import Wrapper from '@yBribe/Wrapper';
 import type {NextRouter} from 'next/router';
 import type {ReactElement} from 'react';
 
-function	About(): ReactElement {
+function About(): ReactElement {
 	return (
 		<section className={'mt-4 grid w-full grid-cols-1 gap-10 pb-10 md:mt-20 md:grid-cols-2'}>
 			<div>
diff --git a/pages/ybribe/index.tsx b/pages/ybribe/index.tsx
index 6bfed1092..a69abaa74 100755
--- a/pages/ybribe/index.tsx
+++ b/pages/ybribe/index.tsx
@@ -24,26 +24,26 @@ import type {TAddress} from '@yearn-finance/web-lib/types';
 import type {TCurveGauge} from '@common/schemas/curveSchemas';
 import type {TSortDirection} from '@common/types/types';
 
-function	GaugeList(): ReactElement {
-	const	{tokens, prices} = useYearn();
-	const	{currentRewards, nextRewards, claimable} = useBribes();
-	const	{gauges} = useCurve();
-	const	[category, set_category] = useState('all');
-	const	[searchValue, set_searchValue] = useState('');
-	const 	[sort, set_sort] = useSessionStorage<{sortBy: string, sortDirection: TSortDirection}>(
+function GaugeList(): ReactElement {
+	const {tokens, prices} = useYearn();
+	const {currentRewards, nextRewards, claimable} = useBribes();
+	const {gauges} = useCurve();
+	const [category, set_category] = useState('all');
+	const [searchValue, set_searchValue] = useState('');
+	const [sort, set_sort] = useSessionStorage<{sortBy: string, sortDirection: TSortDirection}>(
 		'yGaugeListBribeSorting', {sortBy: '', sortDirection: 'desc'}
 	);
 
-	const	getRewardValue = useCallback((address: TAddress, value: BigNumber): number => {
-		const	tokenInfo = tokens?.[address];
-		const	tokenPrice = prices?.[address];
-		const	decimals = tokenInfo?.decimals || 18;
-		const	bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
-		const	bribeValue = bribeAmount * (Number(tokenPrice || 0) / 100);
+	const getRewardValue = useCallback((address: TAddress, value: BigNumber): number => {
+		const tokenInfo = tokens?.[address];
+		const tokenPrice = prices?.[address];
+		const decimals = tokenInfo?.decimals || 18;
+		const bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
+		const bribeValue = bribeAmount * (Number(tokenPrice || 0) / 100);
 		return bribeValue;
 	}, [prices, tokens]);
 
-	const	filteredGauges = useMemo((): TCurveGauge[] => {
+	const filteredGauges = useMemo((): TCurveGauge[] => {
 		if (category === 'claimable') {
 			return gauges.filter((gauge): boolean => {
 				const currentClaimableMapV3 = Object.values(claimable?.v3?.[toAddress(gauge.gauge)] || {});
@@ -57,19 +57,19 @@ function	GaugeList(): ReactElement {
 		});
 	}, [category, gauges, currentRewards, nextRewards, claimable]);
 
-	const	searchedGauges = useMemo((): TCurveGauge[] => {
-		const	gaugesToSearch = [...filteredGauges];
+	const searchedGauges = useMemo((): TCurveGauge[] => {
+		const gaugesToSearch = [...filteredGauges];
 
 		if (searchValue === '') {
 			return gaugesToSearch;
 		}
 		return gaugesToSearch.filter((gauge): boolean => {
-			const	searchString = `${gauge.name} ${gauge.gauge}`;
+			const searchString = `${gauge.name} ${gauge.gauge}`;
 			return searchString.toLowerCase().includes(searchValue.toLowerCase());
 		});
 	}, [filteredGauges, searchValue]);
 
-	const	sortedGauges = useMemo((): TCurveGauge[] => {
+	const sortedGauges = useMemo((): TCurveGauge[] => {
 		if (sort.sortBy === 'name') {
 			return searchedGauges.sort((a, b): number => stringSort({a: a.name, b: b.name, sortDirection: sort.sortDirection}));
 		}
@@ -125,7 +125,7 @@ function	GaugeList(): ReactElement {
 		return searchedGauges;
 	}, [sort.sortBy, sort.sortDirection, searchedGauges, currentRewards?.v3, getRewardValue, nextRewards?.v3]);
 
-	const	onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
+	const onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
 		set_sort({sortBy: newSortBy, sortDirection: newSortDirection as TSortDirection});
 	}, [set_sort]);
 
@@ -174,7 +174,7 @@ function	GaugeList(): ReactElement {
 	);
 }
 
-function	Index(): ReactElement {
+function Index(): ReactElement {
 	return (
 		<>
 			<div className={'mt-8 mb-10 w-full max-w-6xl text-center'}>
diff --git a/pages/ybribe/offer-bribe.tsx b/pages/ybribe/offer-bribe.tsx
index d99753ebf..a9446b893 100755
--- a/pages/ybribe/offer-bribe.tsx
+++ b/pages/ybribe/offer-bribe.tsx
@@ -23,31 +23,31 @@ import type {ReactElement, ReactNode} from 'react';
 import type {TCurveGauge} from '@common/schemas/curveSchemas';
 import type {TSortDirection} from '@common/types/types';
 
-function	GaugeList(): ReactElement {
-	const	{tokens, prices} = useYearn();
-	const	{gauges} = useCurve();
-	const	{currentRewards, nextRewards} = useBribes();
-	const	[category, set_category] = useState('all');
-	const	[searchValue, set_searchValue] = useState('');
-	const 	[sort, set_sort] = useSessionStorage<{sortBy: string, sortDirection: TSortDirection}>(
+function GaugeList(): ReactElement {
+	const {tokens, prices} = useYearn();
+	const {gauges} = useCurve();
+	const {currentRewards, nextRewards} = useBribes();
+	const [category, set_category] = useState('all');
+	const [searchValue, set_searchValue] = useState('');
+	const [sort, set_sort] = useSessionStorage<{sortBy: string, sortDirection: TSortDirection}>(
 		'yGaugeListOfferBribeSorting', {sortBy: '', sortDirection: 'desc'}
 	);
 
-	const	getRewardValue = useCallback((address: string, value: BigNumber): number => {
+	const getRewardValue = useCallback((address: string, value: BigNumber): number => {
 		if (!isTAddress(address)) {
 			return 0;
 		}
-		const	tokenInfo = tokens?.[address];
-		const	tokenPrice = prices?.[address];
-		const	decimals = tokenInfo?.decimals || 18;
-		const	bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
-		const	bribeValue = bribeAmount * (Number(tokenPrice || 0) / 100);
+		const tokenInfo = tokens?.[address];
+		const tokenPrice = prices?.[address];
+		const decimals = tokenInfo?.decimals || 18;
+		const bribeAmount = formatToNormalizedValue(formatBN(value), decimals);
+		const bribeValue = bribeAmount * (Number(tokenPrice || 0) / 100);
 		return bribeValue;
 	}, [prices, tokens]);
 
-	const	standardGauges = useMemo((): TCurveGauge[] => gauges.filter((gauge): boolean => !gauge.factory), [gauges]);
-	const	factoryGauges = useMemo((): TCurveGauge[] => gauges.filter((gauge): boolean => gauge.factory), [gauges]);
-	const	filteredGauges = useMemo((): TCurveGauge[] => {
+	const standardGauges = useMemo((): TCurveGauge[] => gauges.filter((gauge): boolean => !gauge.factory), [gauges]);
+	const factoryGauges = useMemo((): TCurveGauge[] => gauges.filter((gauge): boolean => gauge.factory), [gauges]);
+	const filteredGauges = useMemo((): TCurveGauge[] => {
 		if (category === 'standard') {
 			return standardGauges;
 		}
@@ -57,19 +57,19 @@ function	GaugeList(): ReactElement {
 		return gauges;
 	}, [category, gauges, factoryGauges, standardGauges]);
 
-	const	searchedGauges = useMemo((): TCurveGauge[] => {
-		const	gaugesToSearch = [...filteredGauges];
+	const searchedGauges = useMemo((): TCurveGauge[] => {
+		const gaugesToSearch = [...filteredGauges];
 
 		if (searchValue === '') {
 			return gaugesToSearch;
 		}
 		return gaugesToSearch.filter((gauge): boolean => {
-			const	searchString = `${gauge.name} ${gauge.gauge}`;
+			const searchString = `${gauge.name} ${gauge.gauge}`;
 			return searchString.toLowerCase().includes(searchValue.toLowerCase());
 		});
 	}, [filteredGauges, searchValue]);
 
-	const	sortedGauges = useMemo((): TCurveGauge[] => {
+	const sortedGauges = useMemo((): TCurveGauge[] => {
 		if (sort.sortBy === 'name') {
 			return searchedGauges.sort((a, b): number => stringSort({a: a.name, b: b.name, sortDirection: sort.sortDirection}));
 		}
@@ -112,7 +112,7 @@ function	GaugeList(): ReactElement {
 		return searchedGauges;
 	}, [sort.sortBy, sort.sortDirection, searchedGauges, currentRewards?.v3, getRewardValue, nextRewards?.v3]);
 
-	const	onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
+	const onSort = useCallback((newSortBy: string, newSortDirection: string): void => {
 		set_sort({sortBy: newSortBy, sortDirection: newSortDirection as TSortDirection});
 	}, [set_sort]);
 
@@ -158,7 +158,7 @@ function	GaugeList(): ReactElement {
 	);
 }
 
-function	OfferBribe(): ReactElement {
+function OfferBribe(): ReactElement {
 	return (
 		<>
 			<div className={'mt-8 mb-10 w-full max-w-6xl text-center'}>
diff --git a/pages/ycrv/about.tsx b/pages/ycrv/about.tsx
index d4ba76e44..b899c5fb4 100755
--- a/pages/ycrv/about.tsx
+++ b/pages/ycrv/about.tsx
@@ -30,9 +30,9 @@ function ContractListRow({label, address}: TContractListRowProps): ReactElement
 	);
 }
 
-function	About(): ReactElement {
-	const	{slippage, set_slippage} = useYCRV();
-	const	[localSlippage, set_localSlippage] = useState(slippage);
+function About(): ReactElement {
+	const {slippage, set_slippage} = useYCRV();
+	const [localSlippage, set_localSlippage] = useState(slippage);
 
 	return (
 		<section className={'mt-4 grid w-full grid-cols-1 gap-10 pb-10 md:mt-20 md:grid-cols-2'}>
diff --git a/pages/ycrv/holdings.tsx b/pages/ycrv/holdings.tsx
index b4d25e6ca..f2510a6d7 100755
--- a/pages/ycrv/holdings.tsx
+++ b/pages/ycrv/holdings.tsx
@@ -19,20 +19,20 @@ import type {BigNumber} from 'ethers';
 import type {NextRouter} from 'next/router';
 import type {ReactElement, ReactNode} from 'react';
 
-function	HeaderPosition(): ReactElement {
+function HeaderPosition(): ReactElement {
 	const {holdings} = useYCRV();
 	const balanceOfStyCRV = useBalance(STYCRV_TOKEN_ADDRESS);
 	const balanceOfLpyCRV = useBalance(LPYCRV_TOKEN_ADDRESS);
 	const stycrvPrice = useTokenPrice(STYCRV_TOKEN_ADDRESS);
 	const lpycrvPrice = useTokenPrice(LPYCRV_TOKEN_ADDRESS);
 
-	const	formatedYearnHas = useMemo((): ReactNode => (
+	const formatedYearnHas = useMemo((): ReactNode => (
 		holdings?.veCRVBalance ?
 			formatAmount(formatToNormalizedValue(holdings.veCRVBalance, 18), 0, 0)
 			: ''
 	), [holdings?.veCRVBalance]);
 
-	const	formatedYouHave = useMemo((): ReactNode => (
+	const formatedYouHave = useMemo((): ReactNode => (
 		formatCounterValueRaw(
 			(balanceOfStyCRV.normalized * stycrvPrice)
 			+
@@ -69,7 +69,7 @@ function	HeaderPosition(): ReactElement {
 	);
 }
 
-function	Holdings(): ReactElement {
+function Holdings(): ReactElement {
 	const {balances} = useWallet();
 	const {holdings, styCRVMegaBoost, styCRVAPY} = useYCRV();
 	const {vaults} = useYearn();
@@ -82,21 +82,21 @@ function	Holdings(): ReactElement {
 	const balanceOfStyCRV = useBalance(STYCRV_TOKEN_ADDRESS);
 	const balanceOfLpyCRV = useBalance(LPYCRV_TOKEN_ADDRESS);
 
-	const	formatBigNumberOver10K = useCallback((v: BigNumber): string => {
+	const formatBigNumberOver10K = useCallback((v: BigNumber): string => {
 		if (formatBN(v)?.gt(ethers.constants.WeiPerEther.mul(10000))) {
 			return formatAmount(formatToNormalizedValue(v || 0, 18), 0, 0)?.toString() ?? '';
 		}
 		return formatAmount(formatToNormalizedValue(v || 0, 18))?.toString() ?? '';
 	}, []);
 
-	const	formatNumberOver10K = useCallback((v: number): string => {
+	const formatNumberOver10K = useCallback((v: number): string => {
 		if (v >= 10000) {
 			return formatAmount(v, 0, 0)?.toString() ?? '';
 		}
 		return formatAmount(v)?.toString() ?? '';
 	}, []);
 
-	const	latestCurveFeesValue = useMemo((): number => {
+	const latestCurveFeesValue = useMemo((): number => {
 		const {weeklyFeesTable} = curveWeeklyFees;
 
 		if (!weeklyFeesTable) {
@@ -110,7 +110,7 @@ function	Holdings(): ReactElement {
 		return weeklyFeesTable[1]?.rawFees || 0;
 	}, [curveWeeklyFees]);
 
-	const	currentVeCRVAPY = useMemo((): number => {
+	const currentVeCRVAPY = useMemo((): number => {
 		return (
 			latestCurveFeesValue / (
 				formatToNormalizedValue(formatBN(holdings?.veCRVTotalSupply), 18) * cgPrices?.['curve-dao-token']?.usd
@@ -118,7 +118,7 @@ function	Holdings(): ReactElement {
 		);
 	}, [holdings, latestCurveFeesValue, cgPrices]);
 
-	const	curveAdminFeePercent = useMemo((): number => {
+	const curveAdminFeePercent = useMemo((): number => {
 		return (currentVeCRVAPY * Number(holdings?.boostMultiplier) / 10000);
 	}, [holdings, currentVeCRVAPY]);
 
diff --git a/pages/ycrv/index.tsx b/pages/ycrv/index.tsx
index fdc849c9d..fed0c6a85 100755
--- a/pages/ycrv/index.tsx
+++ b/pages/ycrv/index.tsx
@@ -8,8 +8,8 @@ import Wrapper from '@yCRV/Wrapper';
 import type {NextRouter} from 'next/router';
 import type {ReactElement} from 'react';
 
-function	TextAnimation(): ReactElement {
-	function	onStartAnimation(): void {
+function TextAnimation(): ReactElement {
+	function onStartAnimation(): void {
 		const words = document.getElementsByClassName('word') as HTMLCollectionOf<HTMLSpanElement>;
 		const wordArray: HTMLSpanElement[][] = [];
 		let currentWord = 0;
@@ -28,7 +28,7 @@ function	TextAnimation(): ReactElement {
 			for (let i = 0; i < cw.length; i++) {
 				animateLetterOut(cw, i);
 			}
-  
+
 			for (let i = 0; i < nw.length; i++) {
 				nw[i].className = 'letter behind';
 				if (nw?.[0]?.parentElement?.style) {
@@ -62,7 +62,7 @@ function	TextAnimation(): ReactElement {
 				word.appendChild(letter);
 				letters.push(letter);
 			}
-  
+
 			wordArray.push(letters);
 		}
 
@@ -79,7 +79,7 @@ function	TextAnimation(): ReactElement {
 	return (
 		<>
 			<div className={'text'}>
-				<p className={'wordWrapper'}> 
+				<p className={'wordWrapper'}>
 					<span className={'word'}>{'Gigantic'}</span>
 					<span className={'word'}>{'Seismic'}</span>
 					<span className={'word'}>{'Substantial'}</span>
@@ -95,7 +95,7 @@ function	TextAnimation(): ReactElement {
 	);
 }
 
-function	Index(): ReactElement {
+function Index(): ReactElement {
 	return (
 		<>
 			<div className={'mx-auto mt-20 mb-44 flex w-full max-w-6xl flex-col items-center justify-center'}>