Feature/issue 21 home page

[thescientist13]

Related Issue

resolves #21

Summary of Changes

1. Integration of features (Upcoming Events, Cast and Crew, and Spotify Playlist)
2. Added message banner
3. Minor tweaks and styling

TODO

1. Local dev SSR index routes not working - SSR index pages are generating the wrong route and not loading correctly in development ProjectEvergreen/greenwood#984
2. Compose remaining home page content / features and final ordering
   • greeting banner with text + tunesy + events calendar
   • Episodes (YT Playlist)
   • Songs (Spotify Playlist)
   • Cast + Crew
   • Update test cases
3. Netlify build results in 404 ??? - prerender configuration for SSR pages not generating output HTML ProjectEvergreen/greenwood#986
   
4. intersection observers for the playlists can just use loading="lazy" - seems like lazy is good enough and will have cross-browser support soon enough, so no JS solution needed!
5. Run Lighthouse audit

Nice to have

Or just make as new issues

1. Final Facebook page links should go where? - social media pages and links #55
2. Upcoming events links should go where? - social media pages and links #55
3. Lighthouse audit + TODOs - lighthouse audit #56
4. animation fade-in on below the fold elements (nice to have)
5. "Tearing" page design (nice to have) - page "tearing" design #53
6. Styled Scrollbar (nice to have) - styled scrollbar #54
7. Seeing WCC giving off these warnings, for custom elements imported via HTML - prerender configuration for SSR pages not generating output HTML ProjectEvergreen/greenwood#986

   WARNING: customElement <tt-upcoming-events> is not defined.  You may not have imported it yet.
   WARNING: customElement <tt-cast-crew> is not defined.  You may not have imported it yet.
   WARNING: customElement <tt-spotify-playlist> is not defined.  You may not have imported it yet.