super admin added

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

@@ -221,6 +221,12 @@ export function UserManagement() {
           >
             Admins
           </Button>
+          <Button
+            variant={filter === "superAdmin" ? "primary" : "secondary"}
+            onClick={() => setFilter("superAdmin")}
+          >
+            Super Admins
+          </Button>
         </div>
       </div>
 
@@ -316,10 +322,17 @@ export function UserManagement() {
                   className="w-full border border-gray-300 rounded px-3 py-2"
                   required
                 >
+                  {/* Ideally we fetch current user role to filter these. 
+                      For now, we show all but the API will enforce it. 
+                      We can add a visual indicator or fetch "me" to filter. */}
                   <option value="client">Client</option>
                   <option value="trainer">Trainer</option>
                   <option value="admin">Admin</option>
+                  <option value="superAdmin">Super Admin</option>
                 </select>
+                <p className="text-xs text-gray-500 mt-1">
+                  Note: You can only assign roles lower than your own.
+                </p>
               </div>
               <div className="mb-4">
                 <label className="block text-sm font-medium mb-1">Phone</label>
@@ -436,8 +449,8 @@ export function UserManagement() {
                       <span className="font-medium">Last Visit:</span>{" "}
                       {selectedUser.client.lastVisit
                         ? new Date(
-                            selectedUser.client.lastVisit,
-                          ).toLocaleDateString()
+                          selectedUser.client.lastVisit,
+                        ).toLocaleDateString()
                         : "Never"}
                     </p>
                   </div>