fix: page load flickering

[gabitoesmiapodo]

Closes #311

Description:

• Fixes the issue with the flickering / blank contents section when the page is done loading. We can evaluate if or when to use the .lazy.tsx file naming feature on a per-project basis. I don't think we need it in this particular case, anyways.
• Despite the fix working on this repo, the issue still remains in the landing page (even if I apply this exact fix), but after some research I detected the issue comes from something inside the TokenInput component or its demo. I'll try to fix it there, or delegate the task to someone else.

Steps:

Load and re-load the page several times, every part of it should load instantaneously without delay (maybe you'll still see some displacement because of the custom font loading delay, though).

Type of change:

• New feature
• Bug fix
• Breaking change
• Enhancement
• Refactoring
• Chore

How Has This Been Tested?

• Manual testing
• Automated tests
• Other (explain)

Remember to check that:

• Your code follows the style guidelines of this project
• You have performed a self-review of your code
• You have commented your code in hard-to-understand areas
• You have made corresponding changes to the documentation
• Your changes generate no new warnings

Screenshots

Sep-18-2024.16-46-20.mp4

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
dappbooster	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 18, 2024 7:47pm
docs.dappbooster	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 18, 2024 7:47pm

[fernandomg]

🫶