feat: add TenantDetail and UserDetail views with comprehensive functionality

- Implemented TenantDetail.vue to display tenant information, manage tenant status, and handle tenant renewals.
- Added user management features in UserDetail.vue, including user status updates and role management.
- Integrated data loading for tenant users and orders in TenantDetail.vue.
- Included search and pagination functionalities for owned and joined tenants in UserDetail.vue.
- Enhanced user experience with toast notifications for success and error messages.

frontend/superadmin/src/router/index.js

@@ -119,15 +119,30 @@ const router = createRouter({
                     name: 'superadmin-tenants',
                     component: () => import('@/views/superadmin/Tenants.vue')
                 },
+                {
+                    path: '/superadmin/tenants/:tenantID',
+                    name: 'superadmin-tenant-detail',
+                    component: () => import('@/views/superadmin/TenantDetail.vue')
+                },
                 {
                     path: '/superadmin/users',
                     name: 'superadmin-users',
                     component: () => import('@/views/superadmin/Users.vue')
                 },
+                {
+                    path: '/superadmin/users/:userID',
+                    name: 'superadmin-user-detail',
+                    component: () => import('@/views/superadmin/UserDetail.vue')
+                },
                 {
                     path: '/superadmin/orders',
                     name: 'superadmin-orders',
                     component: () => import('@/views/superadmin/Orders.vue')
+                },
+                {
+                    path: '/superadmin/orders/:orderID',
+                    name: 'superadmin-order-detail',
+                    component: () => import('@/views/superadmin/OrderDetail.vue')
                 }
             ]
         },