Feat: Page metadata

[danglorioso]

For each page, add metadata to change the page title that appears in the browser. Each page's title should look like: "Chart | MHD"

To do this, you'll need to modify the layout.tsx file at the top-level, as well as in each page directory. An example of the top-level metadata snippet is below:

export const metadata: Metadata = {
    title: {
        template: "%s | MHD",
        default: "MHD",
    },
    description:
        "Data visualization dashboard for Massachusetts History Society's annual contest, Massachusetts History Day.",
};

For more information, check out this article from Next.JS.