chore: update transak logo to new one (#8035)

<!--
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 7358ae9</samp>

### Summary
🖼️🆕🙌

<!--
1. 🖼️ - This emoji can be used to indicate that an image source was
changed or updated.
2. 🆕 - This emoji can be used to signify that something new was added or
introduced, such as a new logo or a new feature.
3. 🙌 - This emoji can be used to express praise, appreciation, or
celebration, such as for improving the branding and user experience of
the buy crypto feature.
-->
Updated Transak logo in `BuyCrypto` view. This improves the branding and
user experience of the feature that allows users to buy crypto with
fiat.

> _`Transak` logo changed_
> _Official image enhances_
> _Buy crypto in spring_

### Walkthrough
* Update the Transak logo to use the official image source
([link](https://github.com/pancakeswap/pancake-frontend/pull/8035/files?diff=unified&w=0#diff-95fcab5fd7d7f5e2d810a6e3ed387f92464e97e0e9a43491428bd6792cd0abadL14-R14))

apps/web/src/views/BuyCrypto/Icons/index.tsx

@@ -11,7 +11,7 @@ export const ProviderIcon: React.FC<
   const providerToLogo: { [key: string]: JSX.Element } = {
     MoonPay: <MoonPaySvg opacity={isDisabled ? '0.3' : '1'} />,
     Mercuryo: <MercuryoSvg opacity={isDisabled ? '0.3' : '1'} isDark={theme.isDark} />,
-    Transak: <Image src="/images/transak-logo.png" alt="pcs" width={100} height={100} />,
+    Transak: <Image src="/images/on-ramp-providers/transak-offical-logo.png" alt="pcs" width={100} height={100} />,
   }
   const logo = providerToLogo[provider]
   return logo