fix: replace quickstart hero SVGs with JPEGs (#220)

## Summary

- Replace SVG hero images with optimized JPEGs on the Global P2P and
Payouts quickstart pages
- The SVGs contained embedded raster images that rendered as blank
rectangles

## Test plan

- [x] Verify hero images render on `/global-p2p/quickstart` (light +
dark mode)
- [x] Verify hero images render on `/payouts-and-b2b/quickstart` (light
+ dark mode)

Made with [Cursor](https://cursor.com)

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: patcapulong

mintlify/global-p2p/quickstart.mdx

@@ -7,12 +7,12 @@ icon: "/images/icons/rocket.svg"
 import { remittanceProductName } from '/snippets/variables.mdx'
 
 <img 
-  src="/images/heroes/hero-quickstart-globalp2p-light.svg" 
+  src="/images/heroes/hero-quickstart-globalp2p-light.jpg" 
   alt="Global P2P quickstart hero"
   className="page-hero block dark:hidden"
 />
 <img 
-  src="/images/heroes/hero-quickstart-globalp2p-dark.svg" 
+  src="/images/heroes/hero-quickstart-globalp2p-dark.jpg" 
   alt="Global P2P quickstart hero"
   className="page-hero hidden dark:block"
 />

mintlify/images/heroes/hero-quickstart-globalp2p-dark.jpg

@@ -9,12 +9,12 @@ import KycRegulated from '/snippets/kyc/kyc-regulated.mdx';
 import KycUnregulated from '/snippets/kyc/kyc-unregulated.mdx';
 
 <img 
-  src="/images/heroes/hero-quickstart-payouts-light.svg" 
+  src="/images/heroes/hero-quickstart-payouts-light.jpg" 
   alt="Payouts quickstart hero"
   className="page-hero block dark:hidden"
 />
 <img 
-  src="/images/heroes/hero-quickstart-payouts-dark.svg" 
+  src="/images/heroes/hero-quickstart-payouts-dark.jpg" 
   alt="Payouts quickstart hero"
   className="page-hero hidden dark:block"
 />