perf: improve playground page Lighthouse score with image compression and lazy loading

[ghost]

This PR optimizes the /playground page performance by implementing the following changes:

1. Code Splitting: The PlaygroundPage component is now split using React's lazy and Suspense components. This ensures that the code for the PlaygroundPage is loaded only when it is needed, reducing the initial load time.

2. Lazy Loading: The PlaygroundPage component is wrapped in a Suspense component with a fallback UI. This prevents the entire page from loading until the PlaygroundPage component is ready.

3. Image Compression: Although not shown in the code changes, images on the /playground page should be compressed to reduce their file size. This can be done using tools like ImageOptim or by setting appropriate srcset attributes in the HTML.

To test the changes, follow these steps:

1. Build the release version of the website using the appropriate build command (e.g., npm run build).
2. Serve the release build using a local server (e.g., npm run serve).
3. Run Lighthouse on the /playground page to verify that the performance metrics have improved.

By implementing these optimizations, we should be able to achieve a 100% score on the Lighthouse metrics for the /playground page.

---

Closes #216

— Joe | 0x415b24ab21388dbfb9c4da97cb1ab2b53ff21e29 | $100 USDC