salief/qa sizing positioning

[salieflewis]

• create css var for header height, update header and marquee vertical padding
• update spacing between items in the item sidebar
• remove extra padding on the index route causing item cards to appear lower
• add top padding above dropzone component
• decrease the spacing between dropzone comp and cards
• add margin shift to grid view and channel details on large screens
• update line height in recent channels comp
• increase line height between channel name and admin
• increase line height between item and creator
• update thumbnail sizing to be responsive
• update channel details spacing, update grid spacing on mobile

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
river-site	✅ Ready (Inspect)	Visit Preview		Feb 22, 2024 2:44am
river-site-metadata	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 22, 2024 2:44am

[railway-app[bot]]

This PR is being deployed to Railway 🚅

delta (ponder): ◻️ REMOVED

[salieflewis]

One weird remaining thing is that VisBug says the height of the Marquee is 38px but I think its because its including the border in that calculation.

cc: @ioeylim

Also feeling that this adjustment to the spacing in the RecentChannels component is perhaps a tad aggressive. Feels too tight.