feat(loading): Implement Suspense and loading states

[infinia-yzl]

Fixes: #73

Description

Implements simple Suspense and loading states. Also fixes image loading blur.

Checklist:

• [x] My changes generate no new warnings or errors
• [x] The build passes successfully
• [x] I have verified that these changes don't negatively impact performance
• [x] Also optimized for mobile layouts

Regression Testing

If your changes affect the core tier list functionality (such as URL encoding, OG image generation, etc.), you must perform these tests and add more if necessary. Otherwise, you may opt to skip this step.

We haven't implemented automated testing yet, so please manually test by clicking the links for the following scenarios locally:

OG

• [x] Link to test
• [x] Link to test
• [x] Link to test
• [x] Link to test

Overwatch

• [x] Link to test
• [x] Link to test

The Finals

• [x] Link to test
• [x] Link to test
• [x] Link to test
• [x] Link to test
• [x] Link to test
• [x] Link to test
• [x] Link to test
• [x] Link to test
• [x] Link to test

Additional context

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
opentierboy	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 4, 2024 3:08pm