feature: create tab navigation in single team view

[farrellh1]

Description

In order to show other functionality related to teams we need to organize it with tab navigation. here is what it look like

Fixes # (issue)

Type of change

Please delete options that are not relevant.

• [ ] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist:

• Please check if the PR fulfills these requirements

• [ ] The commit message follows our guidelines

• [ ] Tests for the changes have been added (for bug fixes/features)

• [ ] Docs have been added / updated (for bug fixes / features)

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 30.76923% with 18 lines in your changes missing coverage. Please review.

Project coverage is 27.18%. Comparing base (5c08143) to head (38791e2). Report is 1 commits behind head on develop.

Files	Patch %	Lines
app/src/views/SingleTeamView.vue	0.00%	14 Missing and 4 partials :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## develop #217 +/- ## =========================================== + Coverage 26.92% 27.18% +0.25% =========================================== Files 72 74 +2 Lines 1196 1214 +18 Branches 268 273 +5 =========================================== + Hits 322 330 +8 - Misses 757 765 +8 - Partials 117 119 +2 ``` | [Flag](https://app.codecov.io/gh/globe-and-citizen/cnc-portal/pull/217/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=globe-and-citizen) | Coverage Δ | | |---|---|---| | [app-unit-tests](https://app.codecov.io/gh/globe-and-citizen/cnc-portal/pull/217/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=globe-and-citizen) | `27.18% <30.76%> (+0.25%)` | :arrow_up: | 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=globe-and-citizen#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.

[dasarathg68]