feat: phone and table rendering for main DevPortal page

[JoeCap08055]

Description

Render responsive design for phone & tablet.

• Closes Sub: Explore Section Mobile design #33

Screenshot(s)

• New Feature

How to Test?

1. Pull and run locally
2. Go to "Developer Portal" page
3. See that the design at different sizes responds appropriately

Checklist:

• I have performed a self-review of my code
• I have commented my code & PR, particularly in hard-to-understand areas
• I have checked at all the breakpoints to make sure it works on all screen sizes

[github-actions]

🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content.

Preview URL: https://www.frequency.xyz/_pr/71/
Commit: 439958f

[JoeCap08055]

Reworked the main layout to Svelte 5 so that we could use a Snippet and wrap everything in a

if we want to have a friendly widget for debugging CSS breaks. Must set debugScreens=true in the file when running to enable.

[JoeCap08055]

Part of my ongoing frontend education... removed most sm:... classes in favor of <class> lg:<class>, following recommended mobile-first development by Tailwind docs.

[github-actions]

🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content.

Preview URL: https://www.frequency.xyz/_pr/71/
Commit: a2ca234

[github-actions]

🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content.

Preview URL: https://www.frequency.xyz/_pr/71/
Commit: 64ac40d

[shannonwells]

Looks good to me, tried it on different phone & browser sizes.