Add media page with grid layout

[jeromehardaway]

This pull request introduces a new media page to the Vets-Who-Code app, enhancing the site's content offering with a grid layout featuring sections for "What we have built", "publications", "podcasts", and "courses".

• Adds new components and data:

  • Creates media.tsx in src/pages to serve as the media page, utilizing React Bootstrap for layout and including a MediaGrid component for each section.
  • Implements media-grid.tsx in src/components, which displays media items in a responsive grid layout, accepting section-specific data through props.
  • Adds media.json in src/data to store the data for media items, including titles, descriptions, and links, structured by section.

• Updates existing components:

  • Modifies button/index.tsx in src/components/ui to introduce a new button variant and color option for the media page.
  • Updates menu.ts in src/data to include a navigation menu entry for the new media page, ensuring it is accessible from the main navigation.

---

For more details, open the Copilot Workspace session.