move some non-post pages to mdx

app/notes/[slug]/page.module.css

@@ -59,6 +59,13 @@
   color: var(--colors-text) !important;
 }
 
+.comments {
+  margin-top: 2em;
+  padding-top: 2em;
+  border-top: 2px solid var(--colors-light);
+  min-height: 360px;
+}
+
 @media (max-width: 768px) {
   .title {
     font-size: 1.8em;

app/notes/[slug]/page.tsx

@@ -150,7 +150,7 @@ export default async function Page({ params }: { params: Promise<{ slug: string
       </Content>
 
       {!frontmatter.noComments && (
-        <div id="comments">
+        <div id="comments" className={styles.comments}>
           <Comments title={frontmatter.title} />
         </div>
       )}

app/notes/page.tsx

@@ -47,11 +47,7 @@ export default async function Page() {
             <li className={styles.post} key={slug}>
               <Time date={date} format="MMM D" className={styles.postDate} />
               <span>
-                <Link
-                  href={`/notes/${slug}` as Route}
-                  prefetch={null}
-                  dangerouslySetInnerHTML={{ __html: htmlTitle || title }}
-                />
+                <Link href={`/notes/${slug}` as Route} dangerouslySetInnerHTML={{ __html: htmlTitle || title }} />
               </span>
             </li>
           ))}
@@ -63,9 +59,5 @@ export default async function Page() {
   // grouped posts enter this component ordered chronologically -- we want reverse chronological
   const reversed = sections.reverse();
 
-  return (
-    <>
-      <Content>{reversed}</Content>
-    </>
-  );
+  return <Content>{reversed}</Content>;
 }