fix(super-admin): improve super admin panel UX and add user management

## Changes

### Login redirect
- Super admin now always redirects to /super-admin after login instead of the
  regular dashboard, regardless of whether organizations exist.

### Organizations page (/super-admin)
- Removed decorative icons from table cells and action buttons.
- Renamed "Users" action button to "View users".
- Set 8px gap between action buttons for consistent spacing.

### All Users page (/super-admin/users)
- Added "Invite user" button with modal (includes organization picker).
- Added row click to open an edit user modal (name, surname, email, role,
  joined date, last login).
- Removed decorative icons from table cells and action buttons.
- Removed inline user count text (moved to sidebar pill instead).
- Set 8px gap between filter controls for consistent spacing.
- Extracted EditUserModal and InviteUserModal as isolated components to
  reduce parent state from 16+ variables down to 3 toggles.

### Org Users page (/super-admin/organizations/:id/users)
- Removed decorative icons from email column and remove button.

### Sidebar
- Added user count pill badge on the "Users" menu item.
- Uses a dedicated lightweight count endpoint instead of fetching all users.

### Settings page (/super-admin/settings)
- Changed title from "Super Admin Settings" to "Settings".
- Added explicit breadcrumbs with settings icon.
- Shows "Password" breadcrumb when on the password tab.

### Backend
- Added PATCH /super-admin/users/:id endpoint for editing user details.
- Added GET /super-admin/users/count endpoint for sidebar badge.
- Update query uses CTE with RETURNING to avoid a second SELECT.

### Code quality
- Extracted ROLE_OPTIONS and ROLE_COLORS as shared constants in roles.ts,
  eliminating duplication across 3 files.
- Replaced native <select> elements with the project Select component.

Author: gorkem-bwl

Clients/src/application/constants/roles.ts

@@ -4,4 +4,20 @@ export const ROLES = {
   3 : "Editor",
   4 : "Auditor",
   5 : "Super Admin"
-}
+}
+
+/** Assignable role options (excludes Super Admin) for dropdowns */
+export const ROLE_OPTIONS = [
+  { value: 1, label: "Admin" },
+  { value: 2, label: "Reviewer" },
+  { value: 3, label: "Editor" },
+  { value: 4, label: "Auditor" },
+] as const;
+
+/** Role badge colors for table display */
+export const ROLE_COLORS: Record<string, { bg: string; text: string }> = {
+  Admin: { bg: "#eff6ff", text: "#2563eb" },
+  Reviewer: { bg: "#faf5ff", text: "#9333ea" },
+  Editor: { bg: "#f0fdf4", text: "#16a34a" },
+  Auditor: { bg: "#fefce8", text: "#ca8a04" },
+};

Clients/src/application/repository/superAdmin.repository.ts

@@ -47,6 +47,10 @@ export async function updateOrganization(id: number, data: { name?: string; logo
   return apiServices.patch(`/super-admin/organizations/${id}`, data);
 }
 
+export async function getUserCount() {
+  return apiServices.get<ServerResponse<{ count: number }>>("/super-admin/users/count");
+}
+
 export async function getAllUsers() {
   return apiServices.get<ServerResponse<GlobalUser[]>>("/super-admin/users");
 }
@@ -59,6 +63,10 @@ export async function inviteUserToOrg(orgId: number, data: { email: string; name
   return apiServices.post(`/super-admin/organizations/${orgId}/invite`, data);
 }
 
+export async function updateUser(userId: number, data: { name?: string; surname?: string; email?: string; roleId?: number }) {
+  return apiServices.patch(`/super-admin/users/${userId}`, data);
+}
+
 export async function removeUser(userId: number) {
   return apiServices.delete(`/super-admin/users/${userId}`);
 }

Clients/src/presentation/components/SuperAdminSidebar/index.tsx

@@ -1,11 +1,27 @@
-import React from "react";
+import React, { useState, useEffect, useCallback } from "react";
 import { useLocation, useNavigate } from "react-router";
 import { Building, Users } from "lucide-react";
 import SidebarShell, { SidebarMenuItem } from "../Sidebar/SidebarShell";
+import { getUserCount } from "../../../application/repository/superAdmin.repository";
 
 const SuperAdminSidebar: React.FC = () => {
   const navigate = useNavigate();
   const location = useLocation();
+  const [userCount, setUserCount] = useState<number>(0);
+
+  const fetchUserCount = useCallback(async () => {
+    try {
+      const response = await getUserCount();
+      const serverData = response.data as any;
+      setUserCount(serverData?.data?.count ?? 0);
+    } catch {
+      // Silently fail — count will show 0
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchUserCount();
+  }, [fetchUserCount]);
 
   const topItems: SidebarMenuItem[] = [
     {
@@ -19,6 +35,7 @@ const SuperAdminSidebar: React.FC = () => {
       label: "Users",
       icon: <Users size={16} strokeWidth={1.5} />,
       path: "/super-admin/users",
+      count: userCount,
     },
   ];
 

Clients/src/presentation/pages/Authentication/Login/index.tsx

@@ -175,21 +175,18 @@ const Login: React.FC = () => {
             localStorage.setItem("root_version", __APP_VERSION__);
             logEngine({ type: "info", message: "Super-admin login successful." });
 
-            // Auto-select the first organization so super-admin sees the normal UI
+            // Auto-select the first organization so super-admin can view org data
             try {
               const orgsResponse = await getOrganizations();
               const orgsData = (orgsResponse.data as any)?.data || [];
               if (orgsData.length > 0) {
                 dispatch(setActiveOrganizationId(orgsData[0].id));
-                setIsSubmitting(false);
-                navigate("/");
-                return;
               }
             } catch (err) {
               console.error("Failed to fetch organizations for auto-select:", err);
             }
 
-            // No orgs available — go to super-admin panel to create one
+            // Always go to super-admin panel
             setIsSubmitting(false);
             navigate("/super-admin");
             return;