Added og image support through Remix meta

[jamesqquick]

GitHub Issue ID: 115

Feature description

Add support for OG images using the Remix metadata.

Solution description

Use the V2_MetaFunction to define meta properties`. Moved this to the root file so that it applies to every page. Then added overrides inside of the individual episode pages.

export const meta: V2_MetaFunction = () => {
  return [
    { title: 'Compressed.fm' },
    {
      name: 'description',
      content:
        'A weekly podcast, hosted by Amy Dutton and James Q Quick, all about web design and development with a little bit of zest.',
    },
    {
      name: 'og:image',
      content: '/images/podcast-cover.jpg',
    },
    {
      name: 'og:image:alt',
      content: 'Compressed.fm Podcast Cover',
    },
  ];
};

Output Screenshots

Address affected and ensured

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @ahaywood on Vercel.

@ahaywood first needs to authorize it.