Add spacing and titles to homepage

[MaggieAppleton]

This divides the cards on the homepage into sections and adds titles to each group of resources.

---

Some of the section layouts are still a bit awkward (portfolio clubs and gardening), and we still need to do some gardening work making the section titles match the content, but it feels presentable for now.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

egghead-io-nextjs – ./

🔍 Inspect: https://vercel.com/eggheadio/egghead-io-nextjs/8DQQBGERCMknFB575a2iiLC3xrxj
✅ Preview: https://egghead-io-nextjs-git-ma-new-homepage-sections-eggheadio1.vercel.app

egghead-next-storybook – ./

🔍 Inspect: https://vercel.com/eggheadio/egghead-next-storybook/FXSRYv8qVM1BXPQsHBnmDW2PxKHQ
✅ Preview: https://egghead-next-storybook-git-ma-new-homepage-sections-eggheadio1.vercel.app

[vojtaholik]

nit: from the screenshot it feels like headings are quite inconsistent and differ in letter spacing, size, and alignment.

super nit: I would also say that space between sections are bit too large, especially on smaller screens (13" and smaller), mostly apparent when there is no heading present to visually divide given sections. Feels off. Using vh units instead of just padding might give interesting results.

[MaggieAppleton]

The headings are indeed different sizings and alignments on purpose 😉
Generally when we have standard sections like "What's New," "Staff picks," and "Most popular" all the sizing is consistent.
For the two special features (currently build a dev portfolio and digital gardening) I think we should have room to play with different layouts and typography. These kind of feature sections should stand out from the other categories.
Perhaps we can do that while keeping typography consistent if we find another way to differentiate them?

I readjusted to make both of the 'special' sections have the same size typography.

I initially used mt-32 for all the section breaks, but I can't figure out a way for tailwinds to let to me vh for margin values.
I swapped it out for mt-24 sm:mt-28 so it's smaller overall, and a bit more compact on mobile

[MaggieAppleton]

Just updated the two feature sections to be less awkward and stand out more