super admin added

apps/admin/src/components/users/UserGrid.tsx

@@ -69,8 +69,8 @@ export function UserGrid({
         filter: "agTextColumnFilter",
         sortable: true,
         cellRenderer: (params: any) => {
-          if (!params.value) return null;
           const roleColors = {
+            superAdmin: "bg-red-100 text-red-800",
             admin: "bg-purple-100 text-purple-800",
             trainer: "bg-blue-100 text-blue-800",
             client: "bg-green-100 text-green-800",
@@ -79,7 +79,7 @@ export function UserGrid({
             roleColors[params.value as keyof typeof roleColors] ||
             "bg-gray-100 text-gray-800";
 
-          const label = params.value.charAt(0).toUpperCase() + params.value.slice(1);
+          const label = params.value === 'superAdmin' ? 'Super Admin' : params.value.charAt(0).toUpperCase() + params.value.slice(1);
 
           return (
             <span className={`px-2 py-1 rounded-full text-xs font-medium ${colorClass}`}>