pre-render optimizations

components/Footer/Footer.module.css

@@ -10,7 +10,6 @@
 .row {
   display: flex;
   width: 100%;
-  max-width: var(--sizes-maxLayoutWidth);
   margin: 0 auto;
   justify-content: space-between;
   font-size: 0.8em;

components/Footer/Footer.tsx

@@ -1,7 +1,8 @@
 import clsx from "clsx";
 import { HeartIcon } from "lucide-react";
 import Link from "../Link";
-import config from "../../lib/config";
+import * as config from "../../lib/config";
+import { MAX_WIDTH } from "../../lib/config/constants";
 import type { ComponentPropsWithoutRef } from "react";
 
 import styles from "./Footer.module.css";
@@ -11,7 +12,7 @@ export type FooterProps = ComponentPropsWithoutRef<"footer">;
 const Footer = ({ className, ...rest }: FooterProps) => {
   return (
     <footer className={clsx(styles.footer, className)} {...rest}>
-      <div className={styles.row}>
+      <div className={styles.row} style={{ maxWidth: MAX_WIDTH }}>
         <div>
           Content{" "}
           <Link href="/license" title={config.license} plain className={styles.link}>