Improved image expansion in Projects. Introduced Mods page.

app/project/[slug]/layout.tsx

@@ -1,6 +1,11 @@
 import { ProjectProvider } from "../../context/ProjectContext";
 import { getProjectDetails } from "@/data/content";
 
+
+/**
+ * Layout for all paths caught under project/[slug]
+ */
+
 export default async function SlugLayout({children, params}: {
   children: React.ReactNode;
   params: Promise<{ slug: string }>;

app/project/[slug]/page.tsx

@@ -8,9 +8,8 @@ import "../../../styles/markdown-container.css";
 import Link from 'next/link';
 import { PROJECTS } from '@/data/content';
 
-export default function ProjectPage({
-  params,
-}: {params: Promise<{ slug: string }>}) {  
+export default function ProjectPage({params}: { params: Promise<{ slug: string }> })
+{  
 
   const mounted = useMountTransition(50)
   const { slug } = use(params);