feat: update app pages and layout

app/projects/page.tsx

@@ -1,5 +1,7 @@
 import Hero from "@/components/content/Hero";
 import type { Metadata } from "next";
+import ProjectCard from "@/components/content/ProjectCard";
+import { projects } from "@/constants";
 
 export const metadata: Metadata = {
   title: "Work — Angel Mankel",
@@ -7,6 +9,14 @@ export const metadata: Metadata = {
 
 export default function ProjectsPage() {
   return (
-    <Hero label="Projects" subtitle="Selected work, written as postmortems." />
+    <>
+      <div className="mb-15">
+        <Hero label="Projects" subtitle="Selected work, written as postmortems." />
+      </div>
+
+      {projects.map((project, index) => (
+        <ProjectCard key={index} {...project} />
+      ))}
+    </>
   );
 }