ci(tangle-dapp): Fix lint errors

apps/tangle-dapp/app/liquid-staking/page.tsx

@@ -30,13 +30,13 @@ import OnboardingModal from '../../components/OnboardingModal/OnboardingModal';
 import { LsSearchParamKey } from '../../constants/liquidStaking/types';
 import LsCreatePoolModal from '../../containers/LsCreatePoolModal';
 import LsMyProtocolsTable from '../../containers/LsMyProtocolsTable';
+import { LsAllProtocolsTable } from '../../containers/LsPoolsTable';
 import { useLsStore } from '../../data/liquidStaking/useLsStore';
 import useIsAccountConnected from '../../hooks/useIsAccountConnected';
 import useSearchParamState from '../../hooks/useSearchParamState';
 import getLsTangleNetwork from '../../utils/liquidStaking/getLsTangleNetwork';
 import TabListItem from '../restake/TabListItem';
 import TabsList from '../restake/TabsList';
-import { LsAllProtocolsTable } from '../../containers/LsPoolsTable';
 
 enum SearchParamAction {
   STAKE = 'stake',

apps/tangle-dapp/components/AddressLink.tsx

@@ -1,7 +1,7 @@
 import { HexString } from '@polkadot/util/types';
 import { ExternalLinkLine } from '@webb-tools/icons';
 import { shortenString, Typography } from '@webb-tools/webb-ui-components';
-import { FC, useCallback, MouseEvent } from 'react';
+import { FC, MouseEvent, useCallback } from 'react';
 
 import { SubstrateAddress } from '../types/utils';
 

apps/tangle-dapp/components/LiquidStaking/LsMyPoolsTable.tsx

@@ -32,6 +32,7 @@ import { LsPool } from '../../constants/liquidStaking/types';
 import useLsSetStakingIntent from '../../data/liquidStaking/useLsSetStakingIntent';
 import { useLsStore } from '../../data/liquidStaking/useLsStore';
 import useIsAccountConnected from '../../hooks/useIsAccountConnected';
+import getLsProtocolDef from '../../utils/liquidStaking/getLsProtocolDef';
 import tryEncodeAddressWithPrefix from '../../utils/liquidStaking/tryEncodeAddressWithPrefix';
 import pluralize from '../../utils/pluralize';
 import { TableStatus } from '..';
@@ -40,7 +41,6 @@ import PercentageCell from '../tableCells/PercentageCell';
 import TokenAmountCell from '../tableCells/TokenAmountCell';
 import { sharedTableStatusClxs } from '../tables/shared';
 import UpdateCommissionModal from './UpdateCommissionModal';
-import getLsProtocolDef from '../../utils/liquidStaking/getLsProtocolDef';
 
 export interface LsMyPoolRow extends LsPool {
   myStake: BN;

apps/tangle-dapp/components/LiquidStaking/LsProtocolDropdownInput.tsx

@@ -14,9 +14,9 @@ import { LS_DERIVATIVE_TOKEN_PREFIX } from '../../constants/liquidStaking/consta
 import { LsNetworkId } from '../../constants/liquidStaking/types';
 import getLsNetwork from '../../utils/liquidStaking/getLsNetwork';
 import getLsProtocolDef from '../../utils/liquidStaking/getLsProtocolDef';
+import DropdownChevronIcon from '../DropdownChevronIcon';
 import InputWrapper from '../InputWrapper';
 import LsTokenIcon from '../LsTokenIcon';
-import DropdownChevronIcon from '../DropdownChevronIcon';
 
 type LsProtocolDropdownInputProps = {
   id: string;

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/LsInput.tsx

@@ -14,8 +14,8 @@ import useInputAmount from '../../../hooks/useInputAmount';
 import formatBn from '../../../utils/formatBn';
 import getLsProtocolDef from '../../../utils/liquidStaking/getLsProtocolDef';
 import LsNetworkSwitcher from './LsNetworkSwitcher';
-import SelectedPoolIndicator from './SelectedPoolIndicator';
 import LsTokenChip from './LsTokenChip';
+import SelectedPoolIndicator from './SelectedPoolIndicator';
 
 export type LsInputProps = {
   id: string;

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/LsNetworkSwitcher.tsx

@@ -20,8 +20,8 @@ import { NETWORK_FEATURE_MAP } from '../../../constants/networks';
 import { NetworkFeature } from '../../../types';
 import getLsNetwork from '../../../utils/liquidStaking/getLsNetwork';
 import getLsTangleNetwork from '../../../utils/liquidStaking/getLsTangleNetwork';
-import { ChainList } from '../../Lists/ChainList';
 import DropdownChevronIcon from '../../DropdownChevronIcon';
+import { ChainList } from '../../Lists/ChainList';
 
 type LsNetworkSwitcherProps = {
   activeLsNetworkId: LsNetworkId;

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/LsTokenChip.tsx

@@ -4,8 +4,8 @@ import { twMerge } from 'tailwind-merge';
 
 import { LS_DERIVATIVE_TOKEN_PREFIX } from '../../../constants/liquidStaking/constants';
 import { LsToken } from '../../../constants/liquidStaking/types';
-import LsTokenIcon from '../../LsTokenIcon';
 import DropdownChevronIcon from '../../DropdownChevronIcon';
+import LsTokenIcon from '../../LsTokenIcon';
 
 type LsTokenChipProps = {
   token?: LsToken;

apps/tangle-dapp/components/LiquidStaking/stakeAndUnstake/ProtocolSelector.tsx

@@ -14,8 +14,8 @@ import { LS_DERIVATIVE_TOKEN_PREFIX } from '../../../constants/liquidStaking/con
 import { LsNetworkId } from '../../../constants/liquidStaking/types';
 import getLsNetwork from '../../../utils/liquidStaking/getLsNetwork';
 import getLsProtocolDef from '../../../utils/liquidStaking/getLsProtocolDef';
-import LsTokenIcon from '../../LsTokenIcon';
 import DropdownChevronIcon from '../../DropdownChevronIcon';
+import LsTokenIcon from '../../LsTokenIcon';
 
 type ProtocolSelectorProps = {
   selectedNetworkId: LsNetworkId;

apps/tangle-dapp/data/liquidStaking/useLsActivePoolDisplayName.ts

@@ -1,4 +1,3 @@
-import { u8aToString } from '@polkadot/util';
 import { useMemo } from 'react';
 
 import { LsPoolDisplayName } from '../../constants/liquidStaking/types';
@@ -30,7 +29,7 @@ const useLsActivePoolDisplayName = (): ActivePoolDisplayNameReturn => {
       return null;
     }
 
-    return u8aToString(activePool[1].metadata.name);
+    return activePool[1].metadata.name.toUtf8();
   }, [activePool]);
 
   const displayName = useMemo<LsPoolDisplayName | null>(() => {

apps/tangle-dapp/data/liquidStaking/useLsUnbonding.ts

@@ -5,8 +5,8 @@ import useApiRx from '../../hooks/useApiRx';
 import useSubstrateAddress from '../../hooks/useSubstrateAddress';
 import getLsProtocolDef from '../../utils/liquidStaking/getLsProtocolDef';
 import useCurrentEra from '../staking/useCurrentEra';
-import { useLsStore } from './useLsStore';
 import useLsPools from './useLsPools';
+import { useLsStore } from './useLsStore';
 
 const useLsUnbonding = () => {
   const pools = useLsPools();
@@ -64,7 +64,7 @@ const useLsUnbonding = () => {
         } satisfies LsPoolUnstakeRequest;
       })
       .toArray();
-  }, [lsProtocol.decimals, lsProtocol.token, unbondingOpt]);
+  }, [currentEra, lsProtocol.decimals, lsProtocol.token, pools, unbondingOpt]);
 
   return unstakeRequests;
 };