refactor: remove old team management views and implement new team management structure

- Deleted obsolete Test.vue and TeamManage.vue files.
- Introduced new index.vue for team management with enhanced table functionality.
- Added new manage/[id].vue for detailed team management.
- Implemented TeamsManageRedirect.vue for redirecting to the user's default team.
- Updated routing and state management for team selection and permissions.

Author: Lasim

services/frontend/src/components/AppSidebar.vue

@@ -163,7 +163,6 @@ const handleTeamSelectedFromOtherComponents = (data: { teamId: string; teamName:
   const team = teams.value.find(t => t.id === data.teamId)
   if (team) {
     selectedTeam.value = team
-    console.log('Team selected from other component:', data.teamName)
   }
 }
 
@@ -173,7 +172,6 @@ onMounted(() => {
 
   // Listen for team updates from other components
   eventBus.on('teams-updated', () => {
-    console.log('Teams updated event received, refreshing teams...')
     fetchTeams(true) // Force refresh to get latest data
   })
 

services/frontend/src/router/index.ts

@@ -92,19 +92,19 @@ const routes = [
   {
     path: '/teams',
     name: 'Teams',
-    component: () => import('../views/Teams.vue'),
+    component: () => import('../views/teams/index.vue'),
     meta: { requiresSetup: true },
   },
   {
     path: '/teams/manage',
     name: 'TeamsManageDefault',
-    component: () => import('../views/teams/TeamsManageRedirect.vue'),
+    component: () => import('../views/teams/manage/index.vue'),
     meta: { requiresSetup: true },
   },
   {
     path: '/teams/manage/:id',
     name: 'TeamManage',
-    component: () => import('../views/teams/TeamManage.vue'),
+    component: () => import('../views/teams/manage/[id].vue'),
     meta: { requiresSetup: true },
   },
   {

services/frontend/src/views/Test.vue

@@ -28,7 +28,7 @@ import AddTeamModal from '@/components/teams/AddTeamModal.vue'
 import { TeamService, type TeamWithRole, type Team } from '@/services/teamService'
 import { UserService } from '@/services/userService'
 import { useEventBus } from '@/composables/useEventBus'
-import { createColumns } from './teams/columns'
+import { createColumns } from './columns'
 import { useRouter, useRoute } from 'vue-router'
 import { Alert, AlertDescription } from '@/components/ui/alert'
 import { CheckCircle } from 'lucide-vue-next'
@@ -66,7 +66,6 @@ const handleSwitchTeam = (teamId: string) => {
     selectedTeam.value = team
     // Emit global event for team selection to update sidebar
     eventBus.emit('team-selected', { teamId: team.id, teamName: team.name })
-    console.log('Switched to team:', team.name)
   }
 }
 
@@ -76,11 +75,9 @@ const handleTeamSelectedFromSidebar = (data: { teamId: string; teamName: string
   const team = teams.value.find(t => t.id === data.teamId)
   if (team) {
     selectedTeam.value = team
-    console.log('Team selected from sidebar:', data.teamName)
   } else {
     // If team not found in current list, create a basic team object
     selectedTeam.value = { id: data.teamId, name: data.teamName } as Team
-    console.log('Team selected from sidebar (not in current list):', data.teamName)
   }
 }
 
@@ -172,7 +169,6 @@ onMounted(async () => {
 
   // Listen for team updates from other components
   eventBus.on('teams-updated', () => {
-    console.log('Teams updated event received, refreshing teams...')
     fetchTeams(true) // Force refresh to get latest data
   })
 })