Fix build errors

Author: akeuben

src/app/page.tsx

@@ -1,7 +1,6 @@
 import styles from "./page.module.css";
 import { TwoCol } from "@/components/layout/TwoCol";
 import { PostGrid } from "@/components/post/PostGrid";
-import { ProjectGrid } from "@/components/project/ProjectGrid";
 import GithubStats from "@/components/visual/GithubStats";
 import { Hero } from "@/components/visual/Hero";
 import { Timeline } from "@/components/visual/Timeline";
@@ -26,8 +25,8 @@ export default function HomePage() {
             <TwoCol fit="left">
                 <Image className={styles.portrait} src="/assets/me.jpg" alt="portrait photo of Avery Keuben" width={200} height={200}/>
                 <section>
-                    <p>Hi! I'm Avery</p>
-                    <p>I'm a software engineer based out of Calgary, Alberta. I have over <YearsSince date={new Date("2013/09/01 00:00:00")} includeSuffix /> years of hobbiest programming experience, 
+                    <p>Hi! I&apos;m Avery</p>
+                    <p>I&apos;m a software engineer based out of Calgary, Alberta. I have over <YearsSince date={new Date("2013/09/01 00:00:00")} includeSuffix /> years of hobbiest programming experience, 
                         and just over <YearsSince date={new Date("2023/05/01 00:00:00")} includeSuffix /> of professional experience. Over my programming career, I have learned a variety of languages,
                         created many personal projects, and have strived to learn as much as possible.</p>
                     <p>My current areas of interest are game development (especially engine development), low level programming (including operating systems and firmware), and theoretical computer science. However,

src/components/visual/GithubStats.tsx

@@ -63,7 +63,7 @@ export default function GithubStats() {
         }
 
         setTimeout(() => animate(repoCount), 100);
-    }, [displayedTotalContributions, setDisplayedTotalContributions, displayedYearContributions, setDisplayedYearContributions, displayedRepoCount, setDisplayedRepoCount, contributions])
+    }, [displayedTotalContributions, setDisplayedTotalContributions, displayedYearContributions, setDisplayedYearContributions, displayedRepoCount, setDisplayedRepoCount, contributionsThisYear, totalContributions])
 
     // Animation
     useEffect(() => {
@@ -92,7 +92,7 @@ export default function GithubStats() {
             }
             setAnimationState(AnimationState.WAITIING);
         }
-    }, [ref, ref.current, repoCount, displayedTotalContributions, setDisplayedTotalContributions, displayedYearContributions, setDisplayedYearContributions, displayedRepoCount, setDisplayedRepoCount, contributions, animationState, setAnimationState]);
+    }, [ref, repoCount, displayedTotalContributions, setDisplayedTotalContributions, displayedYearContributions, setDisplayedYearContributions, displayedRepoCount, setDisplayedRepoCount, contributionsThisYear, totalContributions, contributions, animationState, setAnimationState]);
 
     return <div className={styles.stats} ref={ref}>
         <div>

src/components/visual/Timeline.tsx

@@ -34,8 +34,6 @@ export const Timeline = ({events}: {events: TimelineEvent[]}) => {
 
     Object.values(eventsByYear).forEach(eventList => eventList.sort((a, b) => monthNameToIndex(b.start.month) - monthNameToIndex(a.start.month)));
 
-    console.dir(eventsByYear);
-
     return <div className={styles.timeline}>
         {Object.keys(eventsByYear).toSorted((a, b) => parseInt(b) - parseInt(a)).map((year) => 
             <div key={year}>
@@ -68,7 +66,7 @@ const TimelineEventComponent = ({event}: {event: TimelineEvent}) => {
         <i className={styles.time}>{makeReadableDate(event)}</i>
         <p>{event.description}</p>
         {
-            event.relatedProjects && <p>Projects: {event.relatedProjects.map(project => <Link href={`/project/${project}`}>{project}</Link>)}</p>
+            event.relatedProjects && <p>Projects: {event.relatedProjects.map(project => <Link key={project} href={`/project/${project}`}>{project}</Link>)}</p>
         }
     </div>
 }

src/lib/client/projects.ts

@@ -3,7 +3,6 @@ import html from 'remark-html';
 import matter from "gray-matter";
 
 export async function getProjectData(id: string) {
-    console.log(id);
     const data = await fetch(`/projects/${id}`);
     const text = await data.text();