Fix @ alias.

Fix margins on mobile for projects.

Moved html code to common component for projects

Updated image of me to a far superior one.

Signed-off-by: Martin Berg Alstad <git@martials.no>

src/pages/en/project/[project].astro

@@ -1,11 +1,11 @@
 ---
-import ProjectPage from "../../../components/ProjectPage.astro"
+import ProjectPage from "../../../components/projects/ProjectPage.astro"
 import { type GetStaticPathsResult } from "astro"
 
 export function getStaticPaths(): GetStaticPathsResult {
   return [
     { params: { project: "hotelservice" } },
-    { params: { project: "homepage" } },
+    { params: { project: "homepage" } }
   ]
 }
 

src/pages/en/project/index.astro

@@ -1,5 +1,11 @@
 ---
+import { getCollection } from "astro:content"
+import Layout from "@/layouts/Layout.astro"
+import MyProjectsPage from "@/components/projects/MyProjectsPage.astro"
+
+const projects = await getCollection("projects")
+---
 
----
-
-<p>These are all my projects</p>
+<Layout title="Projects">
+  <MyProjectsPage projects={projects} />
+</Layout>