Feat / Team management - Create the team details view

[NyraSama]

🗒️NOTES

Warning ! Make sure the routes are secured

🏁PREREQUISITES

• [x] DOR
• [ ] DOD

📜CONTEXT (User Story)

As a customer

I want to manage the teams linked to my company

In order to be able to change their captains, see their activity, etc...

🪜STEPS TO FOLLOW

• [ ] Step 1: Add new file : TeamDetailsView.vue in "_yakiadmin/src/ui/views"
• [ ] Step 2: Add route path team_details in "_yakiadmin/src/router/router.ts" in children of dashboard path
• [ ] Step 3: Duplicate the method from line 21 to 24 from "_yaki_admin/src/ui/components/sidebar/SideBarMenuDropDown.vue" component in onSeeDetailPress of the "yaki_admin/src/ui/components/TeamInfoCard.vue_" component and edit it to redirect to /team-details path.
• [ ] Step 4: Get the team name and display it as header in TeamDetailsView.vue that you created using teamSelected property of "_yaki_admin/src/stores/teamStore.ts_"

✅ACCEPTANCE CRITERIA

• ⛔Customer can access the detail view of each team linked to his company

📛BLOCKERS

• 📛 Wait for #1524

🔍AFFECTED COMPONENT(S) (Scope)

yaki_admin/src/ui/views yaki_admin/src/router/router.ts yaki_admin/src/ui/views/TeamListView.vue

⛓️LINK TO OTHER ISSUES

🪟SCREEN SHOTS & MOCKUPS

📋TEST STATUSES

What are the test cases required to validate this issue?

• [ ] Test case 1: Customer can access team details of each teams in team list

What kind of tests has been put in place to ensure the issue is resolved?

• [ ] Manual Tests
• [ ] Unit Tests
• [ ] Integration Tests
• [ ] Functional Tests
• [x] End To End Tests
• [ ] Other (elaborate)