I'm really sick of not making any progress

app/help/[article]/page.tsx

@@ -1,6 +1,6 @@
 import { TTCMD } from "@/components/ttcmd";
+import { ArrowLeftCircleIcon } from "@heroicons/react/24/solid";
 import { readFile } from "fs/promises";
-import Error from "next/error";
 import { Suspense } from "react";
 
 export default async function Help({
@@ -8,6 +8,7 @@ export default async function Help({
 }: {
   params: { article: string };
 }) {
+  if (!params.article.endsWith(".md")) return <></>;
   const body = readFile(
     "./md/help articles/" + decodeURIComponent(params.article),
     "utf-8",
@@ -18,9 +19,13 @@ export default async function Help({
         <h2 className="strapline">Help</h2>
         <h1>How to use TTCMD</h1>
       </section>
-      <Suspense>
-        <TTCMD body={body} />
-      </Suspense>
+      <section className="grid grid-cols-3 gap-x-8 gap-y-6 my-6">
+        <div className="col-span-2 card">
+          <Suspense>
+            <TTCMD body={body} />
+          </Suspense>
+        </div>
+      </section>
     </>
   );
 }

app/layout.tsx

@@ -23,16 +23,16 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   const navItems = [
-    {
-      to: "/schemas",
-      icon: CircleStackIcon,
-      text: "Schemas",
-    },
     {
       to: "/game-systems",
       icon: PuzzlePieceIcon,
       text: "Game Systems",
     },
+    {
+      to: "/schemas",
+      icon: CircleStackIcon,
+      text: "Schemas",
+    },
     {
       to: "/publications",
       icon: BookOpenIcon,