Dashboard announcement component

[lin8231]

Description

Subteam 1 has added an announcements page, for users of the flat to make announcements in. We would like to display a preview of the latest announcement on the dashboard.

Fixes/resolves #189

Takes these props

interface DashboardAnnouncementProps {
  onViewAll: () => void;
  title: string;
  time: Date;
  user: string;
  description: string;
}

Screenshots

Type of change

Please delete options that are not relevant.

• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] New feature (non-breaking change which adds functionality)
• [ ] Improvement (non-breaking change which improves existing functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist:

Leave blank if not applicable

I have completed these steps when making this pull request:

• [x] I have assigned my name to the issue
• [x] I have moved the issue to the In Progress column
• [x] I have labelled the PR appropriately
• [x] I have assigned myself to the PR

Before opening the PR for review:

• [x] My code follows the style guidelines of this project
• [x] I have performed a self-review of my code
• [x] I have commented my code, particularly in hard-to-understand areas
• [x] I have made corresponding changes to the documentation
• [x] My changes generate no new warnings
• [x] I have added tests that prove my fix is effective or that my feature works
• [x] New and existing unit tests pass locally with my changes
• [x] I have added attributions to new dependencies and resources
• [x] I have moved the linked issue to the Review in Progress column