Global stylings and issues fixing

[rainasong]

Description

Fixed global stylings and numerous other bugs and issues along the way.

• Fixed stylings for pages:

  • Landing page
  • Manage account page
  • Dashboard
  • Bill splitting page
  • Manage flat page
  • Manage account page
  • Notes page
  • Maintenance issues page
  • Announcement page
  • Chores (tasks) page

• Fixed stylings for components:

  • CreateHouseModal
  • JoinHouseModal
  • Navigation
  • UserDropdown
  • BackButton
  • AnnouncementCard
  • AnnouncementModalForm
  • DashboardAnnouncement
  • NotesGrid
  • newNoteModal
  • plainModal
  • secretModal
  • NewBillCard
  • NewIssueCard
  • Footer
  • OccupantForm
  • HouseSettings

• Added custom default font

• Added new default avatar

• Temporarily hidden firebase emulator warning UI (for demo purpose)

• Removed announcement page force refresh

• Fixed NewBillCard and NewIssueCard text fields not automatically clean up after 'done' is clicked issue

• Added mobile responsiveness to all pages

Fixes/resolves #203 and #204

Demos

Landing page, login and dashboard

https://user-images.githubusercontent.com/37087904/161404131-90f46776-2c42-4f07-8df9-5a7ff4413adc.mp4

Bill splitting page

https://user-images.githubusercontent.com/37087904/161404141-4de18e1d-aaec-45c3-abbb-23cd34dd7055.mp4

Tasks page

https://user-images.githubusercontent.com/37087904/161404145-7b4fce1e-d865-495b-9358-2b4e3e28e22c.mp4

Manage flat page

https://user-images.githubusercontent.com/37087904/161404158-3e7cac80-0791-48de-9ee4-af1582b58679.mp4

Notes page

https://user-images.githubusercontent.com/37087904/161404163-2952d7c7-b37b-49c7-bafa-3ce42dc0df5b.mp4

Maintenance issues page

https://user-images.githubusercontent.com/37087904/161404183-f3b19ebb-0e54-4f3f-bf0a-94bba5a00db9.mp4

Announcement page

https://user-images.githubusercontent.com/37087904/161404189-b03010c0-a1fc-40e6-bff1-ede56c93b293.mp4

Mobile run through

https://user-images.githubusercontent.com/37087904/161404198-13a28051-287d-4cae-add7-72e26ffbc377.mp4

Type of change

Please delete options that are not relevant.

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [x] 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:

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

Before opening the PR for review:

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