Add "Trips" Toggle in the landing page

[Rodrjen]

Context As a user of the BMMRO app I want the ability to seamlessly switch between viewing encounters and viewing trips for better organization and navigation.

Scenarios Scenario 1: Landing on the home page "Trips" Given that logged in the application, When I access the app , Then I'm automatically directed to the homepage, specifically the "Trips Overview" page.

Scenario 2: Displaying "Trips" Toggle Given that I am logged in and on the home screen "Trips", When I look at the screen, Then I see the headline "Trips" right next to "Encounter" (check the screenshots). And the font weight of the "Trips" headline should change to bold to indicate that it is currently selected.

Scenario 3: Navigating to Encounter Overview Page Given I see the headline "Encounter" next to "Trips", When I click on the "Encounter" toggle, Then I will be forwarded to the Encounter overview page And the font weight of the "Encounter" headline should change to bold to indicate that it is currently selected And the font weight of the "Trips" changes back to normal font.

Scenario 4: Returning to Home Screen Given I am on the Encounter overview page, When I click on the "Trips" toggle, Then I will be redirected back to the home screen And the font weight of the "Encounter" changes back to normal font.

Acceptance Criteria

1. The "Trips" toggle should be visibly displayed to the left to the "Encounter" toggle on the home screen.
2. The appearance of the toggle should be consistent with the design of other toggles in the application.
3. The toggle should be clearly labeled as "Trips".
4. Clicking on the "Encounter" toggle while on the Trips overview page should smoothly transition the user to the Encounter page
5. The home screen should display the "Trips view" as it did before navigating to the Encounters overview page.
6. Upon selection, the font weight of the "Trips" headline should change to bold to indicate that it is currently selected.
7. Upon selection, the font weight of the "Encounter" headline should change to bold to indicate that it is currently selected.

In-scope

• "Trips" toggle
• Create blank "Trips overview" page
• Make "Trips overview" the home page
• Redirecting to a blank "Trips overview" page
• E2E tests

Out-of-scope

• Trip overview page. This will be done with story #496

Wireframes Option 1:

Option 2:

[Rodrjen]

Wireframe 2 option to use

[Rodrjen]

Hello team!

when testing this story in UAT, I've noticed that the "Trips" Toggle isn't in focus if you close the page and opens it again. Or when logging-out and logging-in again. But doesn't seem to be the case for the dev env