Show List of Announcements For Certain Commons

[jasontnguyen]

Overview

In this PR, we add an table on the Announcements Index Page that allows an admin to look at all the current announcements for a certain commons. The table will be different for each commons.

UPDATE

I added a max width CSS property so it handles long announcement texts.

Screenshots

Future Possibilities

Some possible points could be:

• This is the beginning/part of allowing the admin user to create, edit, and delete based on the info in the table
• Could be improved by allowing the user to see a default view of the ids in descending order

Validation

1. Rebuild my dokku dev app by doing dokku git:sync happycows-jasontnguyen-dev https://github.com/ucsb-cs156-s24/proj-happycows-s24-4pm-5.git JN-ShowAnnouncementsTable then dokku ps:rebuild happycows-jasontnguyen-dev
2. Use my dokku link: https://happycows-jasontnguyen-dev.dokku-05.cs.ucsb.edu
3. Create a new announcement for a certain commons through Swagger
4. Go back to the announcements page for that common and check that the announcement shows up

Tests

• [x] Backend Unit tests (mvn test) pass
• [x] Backend Test coverage (mvn test jacoco:report) 100%
• [x] Backend Mutation tests (mvn test pitest:mutationCoverage) 100%
• [x] Frontend Unit tests (npm test) pass
• [x] Frontend Test coverage (npm run coverage) 100%
• [x] Frontend Mutation tests (npx stryker run) 100%
• [x] Frontend Linting (npx eslint --fix src)

Linked Issues

Closes #47