feat: Improve UI and fix bugs across various components

[tabiodun]

• fix: Improve disasters and blog pages UI and functionality

  • Applied consistent styling and layout improvements to DisastersArchived.vue and DisasterDetail.vue.
  • Enhanced disaster hotline display and structure in Disasters.vue.
  • Refactored Blog.vue to improve blog post navigation, search, and filtering by tags and date.
  • Updated BlogPost.vue to support navigation to previous and next posts.
  • Improved the UI of the blog listing and detail pages for better user experience.
  • Added new SVG icons for "current disaster" and "blog".

• feat: Enhance navigation and authentication checks

  • Added a check to ensure currentUser.value.organization is not an integer in useCurrentUser.ts.
  • Updated Home.vue to handle different navigation states based on user authentication.
  • Created useAuthenticatedRoutes.ts to centralize authenticated route logic.

• refactor: Improve disaster and blog components for better UX

  • Applied styling and structure changes to DisastersArchived.vue and DisasterDetail.vue.
  • Enhanced disaster hotline display in Disasters.vue.

• feat: Enhance accordion component and other UI elements

  • Enhanced Accordion component to support different icon styles.
  • Refactored various components and pages to align with new design guidelines.

• style: Update dashboard and other pages

  • Improved UI and layout for DashboardPage.vue.
  • Updated various components and pages to align with new design guidelines.

Refs https://github.com/CrisisCleanup/crisiscleanup-4-web/issues/1010

[github-actions[bot]]

Playwright test results

 51 passed
 1 flaky

Details

 52 tests across 12 suites
 1 minute, 56 seconds
 60d8202

Flaky tests

firefox › pages/login.test.ts › LoginPage › should login - `( @fast @primary @development @staging @production )`

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 14.19355% with 665 lines in your changes missing coverage. Please review.

Project coverage is 21.91%. Comparing base (5c5a473) to head (60d8202).

Files	Patch %	Lines
src/pages/unauthenticated/Blog.vue	0.00%	226 Missing :warning:
src/pages/unauthenticated/disasters/Disasters.vue	0.00%	127 Missing :warning:
...pages/unauthenticated/disasters/DisasterDetail.vue	0.00%	115 Missing :warning:
src/hooks/useAuthenticatedRoutes.ts	0.00%	101 Missing :warning:
src/layouts/Home.vue	0.00%	39 Missing :warning:
src/pages/unauthenticated/BlogPost.vue	0.00%	37 Missing :warning:
src/pages/unauthenticated/routes.ts	0.00%	6 Missing :warning:
src/pages/dashboards/DashboardPage.vue	0.00%	5 Missing :warning:
src/components/blog/BlogPostDetail.vue	91.11%	4 Missing :warning:
src/layouts/Authenticated.vue	0.00%	2 Missing :warning:
... and 2 more

Additional details and impacted files

```diff @@ Coverage Diff @@ ## master #1013 +/- ## ========================================== - Coverage 21.91% 21.91% -0.01% ========================================== Files 375 376 +1 Lines 80152 80552 +400 Branches 1296 1304 +8 ========================================== + Hits 17569 17651 +82 - Misses 62583 62901 +318 ``` | [Flag](https://app.codecov.io/gh/CrisisCleanup/crisiscleanup-4-web/pull/1013/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CrisisCleanup) | Coverage Δ | | |---|---|---| | [unitTests](https://app.codecov.io/gh/CrisisCleanup/crisiscleanup-4-web/pull/1013/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CrisisCleanup) | `21.91% <14.19%> (-0.01%)` | :arrow_down: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=CrisisCleanup#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[sentry-io[bot]]

Suspect Issues

This pull request was deployed and Sentry observed the following issues:

• ‼️ TypeError: undefined is not an object (evaluating 'g.data.results') nav.disasters View Issue
• ‼️ TypeError: undefined is not an object (evaluating 'r.data.results') nav.disasters View Issue

_{Did you find this useful? React with a 👍 or 👎}