<!--
Before opening a pull request, please read the [contributing
guidelines](https://github.com/pancakeswap/pancake-frontend/blob/develop/CONTRIBUTING.md)
first
-->

<!--
copilot:all
-->
### <samp>🤖 Generated by Copilot at 987b958</samp>

### Summary
🆕🛠️🎨

<!--
1.  🆕 for adding a new component
2.  🛠️ for adding a feature and fixing a bug
3.  🎨 for improving the UI and layout
-->
This pull request implements the on-ramp feature, which allows users to
buy crypto with fiat using a third-party provider. It adds a new
`CurrencyInputPanel` component and modifies the `CurrencyList` and
`CurrencySearch` components to support on-ramp and all currencies. It
also updates the `pancake-supported-onramp-currency-list.json` file to
fix some token decimals.

> _Sing, O Muse, of the on-ramp flow, the wondrous work of code_
> _That lets the mortal users buy the cryptic tokens with their gold_
> _And how the valiant engineers, with skill and wisdom, wrought_
> _The `CurrencyInputPanel`, the `CurrencyList`, and the
`CurrencySearch` that they sought_

### Walkthrough
* Add a new component `CurrencyInputPanel` to render a currency input
field and a modal for selecting a currency for the on-ramp feature
([link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-41960731c9cdaaa1d6465c8816fb5d667d9cfb85be04b039cc6fe8f8359bad93R117))
* Add a `mode` prop to the `CurrencyList` component to show only the
supported on-ramp currencies or all the available currencies depending
on the input or output field that triggers the modal
([link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-7502b19bc6412e73ccd1b03e9b3e37f03a80f19424398e5ecc8dd4e5efa6cd07R82))
* Fix a bug that caused an empty item to appear in the `CurrencyList`
component when there is a break index between the active and inactive
currencies by filtering out the undefined item
([link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-7502b19bc6412e73ccd1b03e9b3e37f03a80f19424398e5ecc8dd4e5efa6cd07L146-R147))
* Update the logic for showing the native currency (BNB) in the
`CurrencySearch` component by using a direct comparison of the `mode`
prop instead of a string slicing method
([link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-03eab2712b2d9e81c8a0e4b7f299a874d402930077b2288905df7547418d714eL122-R122))
* Adjust the margin and padding of the `CurrencySearch` component to
match the design of the on-ramp feature by reducing the vertical margin
to zero when the mode is `onramp-output` and adding a negative
horizontal margin to compensate for the parent container's padding
([link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-03eab2712b2d9e81c8a0e4b7f299a874d402930077b2288905df7547418d714eL212-R212))
* Remove the BNB and ETH entries from the
`pancake-supported-onramp-currency-list.json` file, as they are not
valid options for buying crypto with fiat on the Binance Smart Chain
network
([link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-8ea707ca06751b421a94544be240150690bd0f95b045321eaa7477bcfc33584fL14-L23),
[link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-8ea707ca06751b421a94544be240150690bd0f95b045321eaa7477bcfc33584fL76-L85))
* Update the decimals of the BUSD and DAI entries in the
`pancake-supported-onramp-currency-list.json` file, as the on-ramp
provider uses 18 decimals for these tokens, while the PancakeSwap token
list uses 6 decimals
([link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-8ea707ca06751b421a94544be240150690bd0f95b045321eaa7477bcfc33584fL29-R19),
[link](https://github.com/pancakeswap/pancake-frontend/pull/7180/files?diff=unified&w=0#diff-8ea707ca06751b421a94544be240150690bd0f95b045321eaa7477bcfc33584fL110-R90))

---------

Co-authored-by: Philip <[email protected]>
Co-authored-by: chefilip <[email protected]>

…ancakeswap/pancake-frontend into feat--fiat-on-ramp-integration

…ancakeswap/pancake-frontend into feat--fiat-on-ramp-integration

…mp-integration

…ancakeswap/pancake-frontend into feat--fiat-on-ramp-integration

…ap/pancake-frontend into feat--fiat-on-ramp-integration