feat: migrate api key management to dedicated super admin page

- Extracted API Key generation and management from UserProfile to a new /super-admin/api-keys route.

- Added cross-tenant selection in the new ApiKeys page so Super Admins can manage integrations for any organization.

App.tsx

@@ -5,6 +5,7 @@ import { Dashboard } from './pages/Dashboard';
 import { UserDetail } from './pages/UserDetail';
 import { AttendanceDetail } from './pages/AttendanceDetail';
 import { SuperAdmin } from './pages/SuperAdmin';
+import { ApiKeys } from './pages/ApiKeys';
 import { TeamManagement } from './pages/TeamManagement';
 import { Teams } from './pages/Teams';
 import { Funnels } from './pages/Funnels';
@@ -81,6 +82,7 @@ const App: React.FC = () => {
         <Route path="/users/:id" element={<AuthGuard><UserDetail /></AuthGuard>} />
         <Route path="/attendances/:id" element={<AuthGuard><AttendanceDetail /></AuthGuard>} />
         <Route path="/super-admin" element={<AuthGuard roles={['super_admin']}><SuperAdmin /></AuthGuard>} />
+        <Route path="/super-admin/api-keys" element={<AuthGuard roles={['super_admin']}><ApiKeys /></AuthGuard>} />
         <Route path="/profile" element={<AuthGuard><UserProfile /></AuthGuard>} />
         <Route path="*" element={<Navigate to="/" replace />} />
       </Routes>