feat(suite): Fees redesign

feat(components): disable vertical align of SelectBar on demand

Author: enjojoy

packages/suite/src/components/wallet/Fees/CustomFee.tsx

@@ -35,6 +35,7 @@ import { useSelector, useTranslation } from 'src/hooks/suite';
 import { selectLanguage } from 'src/reducers/suite/suiteReducer';
 import { validateDecimals } from 'src/utils/suite/validation';
 
+import { BorderTopWrapper } from './Fees';
 import { InputError } from '../InputError';
 
 const FEE_PER_UNIT = 'feePerUnit';
@@ -78,6 +79,7 @@ export const CustomFee = <TFieldValues extends FormState>({
 
     const feePerUnitError = errors.feePerUnit;
     const feeLimitError = errors.feeLimit;
+    const { elevation } = useElevation();
 
     const useFeeLimit = networkType === 'ethereum';
     const isComposedFeeRateDifferent =

packages/suite/src/components/wallet/Fees/Fees.tsx

@@ -33,6 +33,7 @@ import {
     Text,
     Tooltip,
     motionEasing,
+    useElevation,
 } from '@trezor/components';
 import { FeeLevel } from '@trezor/connect';
 import { spacings, spacingsPx } from '@trezor/theme';