Reapply "add fade to pages and canvas duration"

This reverts commit 92a78a1178.

src/about/AboutPage.tsx

@@ -1,11 +1,14 @@
 import "./about.sass";
 import {lazy} from "react";
 import {ExternalLink} from "../router/Link";
+import {motion} from "motion/react";
+import {AnimateFade} from "../animations";
 
 const About = lazy(() => import("./About.mdx"));
 
+const main = AnimateFade();
 export default function AboutPage() {
-  return <main className="about-page">
+  return <motion.main initial={main.initial} animate={main.animate} className="about-page">
     <div className="edge"/>
     <section className="about-container">
       <About components={{
@@ -13,5 +16,5 @@ export default function AboutPage() {
       }}/>
     </section>
     <div className="edge"/>
-  </main>
+  </motion.main>
 }