Add News page with hard-coded posts

[Copilot]

Adds a News page to display site updates and announcements.

Changes

• pages/news.tsx - New page with three hard-coded posts (welcome message, plugin update, Discord reminder)
• components/TopBar.tsx - Added News navigation link between Home and Guides
• NewsCard component - Displays post title, date, and content using Material-UI Card

Implementation

Follows existing patterns from guides.tsx:

• Uses shared style utilities (pageStyle, sectionHeaderStyle, cardWrapperStyle)
• Consistent layout with TopBar/Container/BottomBar structure
• Theme-aware styling with hover effects

interface NewsPost {
    id: number;
    title: string;
    date: string;
    content: string;
}

const newsPosts: NewsPost[] = [
    {
        id: 1,
        title: 'Welcome to Dan\'s Plugins Community',
        date: '2024-01-15',
        content: '...'
    },
    // ...
];

Screenshot

Original prompt

---

This section details on the original issue you should resolve

<issue_title>News Page</issue_title>
<issue_description>We should have a News page that shows a list of posts.

Posts can be hard coded for now.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes News Page #23

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.