changes to version, ssg, and storage

src/app/(app)/projects/page.tsx

@@ -1,5 +1,3 @@
-export const dynamic = 'force-dynamic'
-
 import ProjectCard from "@/components/project-card";
 import Rule from "@/components/horizontal-rule";
 import { getProjects } from "@/services/projects-service";
@@ -7,12 +5,14 @@ import Image from "next/image";
 import Link from "next/link";
 import { Fragment } from "react";
 
+import ProfileImage from "../../../../public/images/liam_pietralla.jpg";
+
 const ProjectsPage = async () => {
   const projects = await getProjects();
   return (
     <div className="flex flex-col gap-4 justify-center items-center my-15">
       <div className="flex flex-row items-center gap-2 my-2">
-        <Image src="/images/liam_pietralla.jpg" width={50} height={50} alt="Liam Pietralla" className="rounded-full" />
+        <Image src={ProfileImage} alt="Liam Pietralla" className="rounded-full max-w-[50px]" />
         <Link href="/" className="group leading-relaxed font-semi-bold">
           Liam Pietralla
           <span className="block max-w-0 group-hover:max-w-full transition-all duration-500 h-0.5 bg-white"></span>