refactor conf page

[saihaj]

Summary

Trying to cleanup and bring structure to #1840.

• App directory lets us have components co-located so create a dedicated components for section (where it makes sense)
• The container style was applied to every section so let the page layout handles it.
• Each section was defining its own y gap. Refactored so the main page applies to ensure consistency.
• Use named exports. I will introduce linting rules in a different PR.
• Refactors the code for Past Sponsors. To add a new tier simply add a new section to one object and it will work.
• We just need page level font to apply, no need for each section to import next/font to apply the same font.
• Page level apply text-white instead of each section apply it.
• Remove unnecessary props.
• For prop type definitions no need to create a new interface in components. We are just internally using, this pattern makes sense if we were to create a component library and let others customize things or we were to share some types (which wasn't case for most of those)
• Remove the FC<> type, find it unnecessary.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
graphql-github-io	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 18, 2024 6:12pm