create Projects Page

[awesominat]

Recreate the Projects page as per the Figma design.

No hard-coded elements will be in the Projects Page; instead, a template component will be created as per YAML dependencies for easy customization in the future.

For now, clicking the project does nothing, but in the future, it should link to another template page that loads more info straight from the YAML dependency.

Display a project status on the top left of its card. This will require changing the ProjectsMetaData to include a string status and changing all project yaml files. for example:

---
title: "project 1"
status: "Hiring"
publishDate: "2023-09-28"
---
project 1 content :O

and

export interface ProjectMetaData extends BaseMetaData {
    title: string;
    status: string;
    publishDate: string; // YYYY-MM-DD
}

Create it as a page that a user can enter through the home page / navbar.

Please keep in mind the filters at the top, use the publishDate in order to filter what the user can see, likely using some reactstate to selectively show some of the passed in data

Keep in mind the mobile implementation of the page.