React 18 (#863)

* gymnastics to make theme script work with react 18 hydration

* try next 12.1.3 canary to fix SSG head tags?

* revert theme script changes

* next 12.1.3-canary.3

* double-revert some of the use-theme.tsx changes

* separate theme restoration script & move to _document

* bump next

* bump next (again)

* clean up some theme stuff

* use hashed image URLs in webmanifest and feeds

* text experimental react config

* Update ThemeScript.tsx

* switch selfie image to `layout="raw"`

* use `layout="raw"` for all non-imported images

* revert raw images in some places, messes up responsiveness

* fix nitpicky "no divs inside buttons" html validation error

* fix react-player hydration errors

* fix hydration errors from server/client time zone differences

* clean up hydration fixes

* Update format-date.ts

* last-minute cleanup

components/Image/Image.tsx

@@ -36,8 +36,8 @@ const CustomImage = ({
 }: CustomImageProps) => {
   // passed directly into next/image: https://nextjs.org/docs/api-reference/next/image
   const imageProps: Partial<NextImageProps> = {
-    width: typeof width === "string" ? Number.parseInt(width) : width,
-    height: typeof height === "string" ? Number.parseInt(height) : height,
+    width: typeof width === "string" ? Number.parseInt(width.replace("px", "")) : width,
+    height: typeof height === "string" ? Number.parseInt(height.replace("px", "")) : height,
     alt: alt || "",
     layout: layout || "intrinsic",
     quality: quality || 65,