feat: update landing page

Author: therealemjy

.changeset/fluffy-books-stare.md

@@ -0,0 +1,5 @@
+---
+"@venusprotocol/landing": minor
+---
+
+update landing page

apps/evm/src/components/AccountHealthBar/index.tsx

@@ -1,19 +1,14 @@
 /** @jsxImportSource @emotion/react */
+import { formatCentsToReadableValue, theme } from '@venusprotocol/ui';
 import { useMemo } from 'react';
 
-import PLACEHOLDER_KEY from 'constants/placeholderKey';
-import { useTranslation } from 'libs/translations';
-import {
-  calculatePercentage,
-  formatCentsToReadableValue,
-  formatPercentageToReadableValue,
-} from 'utilities';
-
-import { theme } from '@venusprotocol/ui';
 import {
   HEALTH_FACTOR_MODERATE_THRESHOLD,
   HEALTH_FACTOR_SAFE_THRESHOLD,
 } from 'constants/healthFactor';
+import PLACEHOLDER_KEY from 'constants/placeholderKey';
+import { useTranslation } from 'libs/translations';
+import { calculatePercentage, formatPercentageToReadableValue } from 'utilities';
 import { LabeledProgressBar } from '../LabeledProgressBar';
 
 const safeBorrowLimitPercentage = 100 / HEALTH_FACTOR_SAFE_THRESHOLD;

apps/evm/src/components/Apy/PrimeBadge/SimulationText/index.tsx

@@ -1,7 +1,7 @@
+import { formatTokensToReadableValue } from '@venusprotocol/ui';
 import { useGetToken } from 'libs/tokens';
 import { useTranslation } from 'libs/translations';
 import type { PrimeSimulationDistribution, Token } from 'types';
-import { formatTokensToReadableValue } from 'utilities';
 
 export interface SimulationTextProps {
   token: Token;

apps/evm/src/containers/AccountData/index.tsx

@@ -1,12 +1,11 @@
+import { cn, formatCentsToReadableValue } from '@venusprotocol/ui';
 import type BigNumber from 'bignumber.js';
 
-import { cn } from '@venusprotocol/ui';
 import { AccountHealthBar, HealthFactorPill, LabeledInlineContent, ValueUpdate } from 'components';
 import PLACEHOLDER_KEY from 'constants/placeholderKey';
 import { useTranslation } from 'libs/translations';
 import { memo } from 'react';
 import type { Asset, Pool, Swap, TokenAction } from 'types';
-import { formatCentsToReadableValue } from 'utilities';
 import useGetValues from './useGetValues';
 
 const MemoizedAccountHealthBar = memo(AccountHealthBar);

apps/evm/src/containers/ImportablePositions/Notice/index.tsx

@@ -1,12 +1,12 @@
-import { cn } from '@venusprotocol/ui';
+import { cn, formatCentsToReadableValue } from '@venusprotocol/ui';
 import { BigNumber } from 'bignumber.js';
+
 import { NoticeInfo } from 'components';
 import {
   MAX_POSITION_SUPPLY_BALANCE_CENTS,
   MIN_POSITION_SUPPLY_BALANCE_CENTS,
 } from 'constants/importPositions';
 import { useTranslation } from 'libs/translations';
-import { formatCentsToReadableValue } from 'utilities';
 
 export interface NoticeProps {
   className?: string;

apps/evm/src/containers/ImportablePositions/ProtocolPositions/Position/index.tsx

@@ -1,4 +1,5 @@
-import { cn } from '@venusprotocol/ui';
+import { cn, formatCentsToReadableValue, formatTokensToReadableValue } from '@venusprotocol/ui';
+
 import { useImportSupplyPosition } from 'clients/api';
 import { Apy, Button, Delimiter, Icon, TokenIcon } from 'components';
 import { routes } from 'constants/routing';
@@ -13,9 +14,7 @@ import { handleError, isUserRejectedTxError } from 'libs/errors';
 import { useTranslation } from 'libs/translations';
 import {
   calculateYearlyInterests,
-  formatCentsToReadableValue,
   formatPercentageToReadableValue,
-  formatTokensToReadableValue,
   getCombinedDistributionApys,
 } from 'utilities';
 import { ApyCell } from './ApyCell';

apps/evm/src/containers/Layout/ClaimRewardButton/RewardGroupContent/index.tsx

@@ -1,6 +1,8 @@
-import { LayeredValues, TokenIconWithSymbol } from 'components';
+import { formatCentsToReadableValue } from '@venusprotocol/ui';
 import { useMemo } from 'react';
-import { convertMantissaToTokens, formatCentsToReadableValue } from 'utilities';
+
+import { LayeredValues, TokenIconWithSymbol } from 'components';
+import { convertMantissaToTokens } from 'utilities';
 import type { ExternalRewardsGroup, InternalRewardsGroup, PendingReward } from '../types';
 
 export interface RewardGroupContentProps {

apps/evm/src/containers/Layout/ClaimRewardButton/index.tsx

@@ -1,14 +1,13 @@
+import { cn, formatCentsToReadableValue } from '@venusprotocol/ui';
 import BigNumber from 'bignumber.js';
 import { useMemo, useState } from 'react';
 
-import { cn } from '@venusprotocol/ui';
 import { type Claim, useClaimRewards } from 'clients/api';
 import { type ButtonProps, Icon, Modal, PrimaryButton } from 'components';
 import { useGetChainMetadata } from 'hooks/useGetChainMetadata';
 import { VError } from 'libs/errors';
 import { useTranslation } from 'libs/translations';
 import { useAccountAddress } from 'libs/wallet';
-import { formatCentsToReadableValue } from 'utilities';
 
 import { useBreakpointUp } from 'hooks/responsive';
 import TEST_IDS from '../testIds';

apps/evm/src/containers/Layout/Header/MarketInfo/index.tsx

@@ -1,14 +1,16 @@
+import { formatCentsToReadableValue } from '@venusprotocol/ui';
 import BigNumber from 'bignumber.js';
+import { useMemo } from 'react';
+import { useParams } from 'react-router';
+import type { Address } from 'viem';
+
 import { useGetAsset, useGetPool } from 'clients/api';
 import { CellGroup, type CellProps, Icon, Spinner, TokenIcon } from 'components';
 import { NULL_ADDRESS } from 'constants/address';
 import PLACEHOLDER_KEY from 'constants/placeholderKey';
 import { useTranslation } from 'libs/translations';
 import { useAccountAddress } from 'libs/wallet';
-import { useMemo } from 'react';
-import { useParams } from 'react-router';
-import { formatCentsToReadableValue, formatPercentageToReadableValue } from 'utilities';
-import type { Address } from 'viem';
+import { formatPercentageToReadableValue } from 'utilities';
 import { AddTokenToWalletDropdown } from './AddTokenToWalletDropdown';
 import { GoToTokenContractDropdown } from './GoToTokenContractDropdown';
 import { UtilizationRate } from './UtilizationRate';

apps/evm/src/containers/MarketTable/useGenerateColumns.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource @emotion/react */
+import { cn, formatCentsToReadableValue, formatTokensToReadableValue } from '@venusprotocol/ui';
 import { useMemo } from 'react';
 
-import { cn } from '@venusprotocol/ui';
 import {
   InfoIcon,
   LayeredValues,
@@ -19,9 +19,7 @@ import {
   compareBigNumbers,
   compareBooleans,
   compareStrings,
-  formatCentsToReadableValue,
   formatPercentageToReadableValue,
-  formatTokensToReadableValue,
   getCombinedDistributionApys,
   isAssetPaused,
   isCollateralActionDisabled,