fix: onramp image (#11207)

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


<!-- start pr-codex -->

---

## PR-Codex overview
This PR updates the `OnRampProviderLogo` component in the
`OnRampProviderLogo.tsx` file by modifying the imported components and
enhancing the functionality related to images.

### Detailed summary
- Replaced the import of `Image` from `next/image` with a direct import
of `Image` from `@pancakeswap/uikit`.
- Added the `Image` component to the imports, indicating a potential
change in how images are handled in the component.

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

<!-- end pr-codex -->

apps/web/src/views/BuyCrypto/components/OnRampProviderLogo/OnRampProviderLogo.tsx

@@ -1,9 +1,8 @@
 import type { Token } from '@pancakeswap/swap-sdk-core'
-import { Box, Skeleton, TokenPairImage } from '@pancakeswap/uikit'
+import { Box, Image, Skeleton, TokenPairImage } from '@pancakeswap/uikit'
 import { FiatLogo } from 'components/Logo/CurrencyLogo'
 import { getImageUrlFromToken } from 'components/TokenImage'
 import { ASSET_CDN } from 'config/constants/endpoints'
-import Image from 'next/image'
 import { ONRAMP_PROVIDERS, PROVIDER_ICONS, isNativeBtc } from 'views/BuyCrypto/constants'
 import { OnRampIconCircleWrapper, OnRampIconContainer } from 'views/BuyCrypto/styles'