fix: ton swap details deopdown UI (#11208)

<!-- start pr-codex -->

## PR-Codex overview
This PR focuses on refactoring the `AdvancedSwapDetailsDropdown`
component to use a named export and updating the imports in `SwapForm`.
Additionally, it modifies the styling of the `AdvancedDetailsFooter`
component.

### Detailed summary
- Changed `AdvancedSwapDetailsDropdown` from default export to named
export.
- Updated import statement for `AdvancedSwapDetailsDropdown` in
`SwapForm`.
- Added import for `PricingAndSlippage` in `SwapForm`.
- Removed unused import of `formatAmount` in `SwapForm`.
- Adjusted CSS for `AdvancedDetailsFooter` in
`AdvancedSwapDetailsDropdown`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your
question}`

<!-- end pr-codex -->

apps/ton/src/views/TONSwap/AdvancedSwapDetailsDropdown.tsx

@@ -4,17 +4,12 @@ import { AdvancedSwapDetails, AdvancedSwapDetailsProps } from './AdvancedSwapDet
 
 const AdvancedDetailsFooter = styled.div<{ show: boolean }>`
   margin-top: ${({ show }) => (show ? '16px' : 0)};
-  padding-top: 16px;
-  padding-bottom: 16px;
   width: 100%;
   border-radius: 20px;
   background-color: ${({ theme }) => theme.colors.invertedContrast};
-
-  transform: ${({ show }) => (show ? 'translateY(0%)' : 'translateY(-100%)')};
-  transition: transform 300ms ease-in-out;
 `
 
-export default function AdvancedSwapDetailsDropdown({ trade, ...rest }: AdvancedSwapDetailsProps) {
+export const AdvancedSwapDetailsDropdown = ({ trade, ...rest }: AdvancedSwapDetailsProps) => {
   const lastTrade = usePreviousValue(trade)
 
   return (

apps/ton/src/views/TONSwap/SwapForm.tsx

@@ -14,18 +14,18 @@ import { independentFieldAtom, inputCurrencyAtom, outputCurrencyAtom, typedValue
 import { TransactionActionType } from 'components/Modals/ActionModal'
 import { SwapCommitButton } from 'components/TonSwap/SwapCommitButton'
 import { SwapUIV2 } from 'components/widgets/swap-v2'
+import { PricingAndSlippage } from 'components/TonSwap/PricingAndSlippage'
 import { useSwapActionHandlers } from 'hooks/swap/useSwapActionHandlers'
 import { useAtomValue, useSetAtom } from 'jotai'
 import { balanceAtom } from 'ton/logic/balanceAtom'
 import { Field } from 'types'
 import { Rounding, _10000 } from '@pancakeswap/swap-sdk-core'
-import { formatAmount, formatFraction } from '@pancakeswap/utils/formatFractions'
+import { formatFraction } from '@pancakeswap/utils/formatFractions'
 import { tryParseAmount } from 'utils/tryParseAmount'
 import { useSwap } from 'ton/logic/swap/useSwap'
 import { RefreshButton } from '@pancakeswap/widgets-internal'
 import { useBestTrade } from 'hooks/swap/useBestTrade'
-import { PricingAndSlippage } from 'components/TonSwap/PricingAndSlippage'
-import AdvancedSwapDetailsDropdown from './AdvancedSwapDetailsDropdown'
+import { AdvancedSwapDetailsDropdown } from './AdvancedSwapDetailsDropdown'
 
 export const SwapForm = () => {
   const { t } = useTranslation()