admin ui enhacement

apps/admin/src/app/users/page.tsx

@@ -1,11 +1,18 @@
-import { UserManagement } from '@/components/users/UserManagement'
+import { UserManagement } from "@/components/users/UserManagement";
+import { PageHeader } from "@/components/ui/PageHeader";
 
 export default function UsersPage() {
   return (
-    <main className="min-h-screen bg-gray-50">
-      <div className="container mx-auto px-4 py-8">
+    <div className="space-y-8">
+      <PageHeader
+        title="Users"
+        description="Manage your gym members, trainers, and administrators"
+        breadcrumbs={[{ label: "Users", href: "/users" }]}
+      />
+
+      <div className="card-modern">
         <UserManagement />
       </div>
-    </main>
-  )
-}
+    </div>
+  );
+}