* Discussion here: https://koodiklinikka.slack.com/archives/C6P893LFK/p1677587646981509
* tl;dr: Hiding the channel topics as those cannot really be controlled or made sure to be representative on the website
* Change the stylings to accommodate this
* Note that it seems to me at least that the channels are fetched and populated during build time, not in runtime, and thus the data is effectively stale (more in the linked thread), and this does nothing to fix that
* Upgrade Next.js from 9.1.2 to 9.5.3
* Inline the CSS for improved first paint performance
* Change ENV to NODE_ENV
Possibly the CSS was not minified due to this
* Remove render blocking stripe JS that seems unnecessary
* Use native lazy loading of images
- Truly a progressive enhancement, only affects browsers that support it
- Causes a warning: [Intervention] An <img> element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323, which can not be easily fixed
* Render content first, hydrate after that
* Convert to using TypeScript
Next.js v.9 allows converting an existing project to TS by simply renaming the files as TS files
* Fix type errors: Type 'string' is not assignable to type 'number'.
* Add mention about missing typings for javascript-time-ago
* Add GA_INITIALIZED to window
* Fix type error in feed transformers
* Model MembershipInfoForm state and props with TS
* Silence the typescript warning in MembershipInfoForm
* Add threshold to Fader props
* Fix Warning: Each child in a list should have a unique "key" prop.
Sponsors don't have ids – name is probably unique and can be used as a key
* Allow key as prop for SponsorLink
* Add type of the props for SponsorLink
