Refactor code structure and remove redundant changes

src-old/components/admin/UserManagement.tsx

@@ -0,0 +1,30 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { ProfileManager } from '@/components/moderation/ProfileManager';
+import { UserRoleManager } from '@/components/moderation/UserRoleManager';
+import { Shield, UserCheck } from 'lucide-react';
+export function UserManagement() {
+  return (
+    <div className="space-y-6">
+      <Tabs defaultValue="profiles" className="space-y-4">
+        <TabsList className="grid w-full grid-cols-2">
+          <TabsTrigger value="profiles" className="flex items-center gap-2">
+            <UserCheck className="w-4 h-4" />
+            Users
+          </TabsTrigger>
+          <TabsTrigger value="roles" className="flex items-center gap-2">
+            <Shield className="w-4 h-4" />
+            Roles
+          </TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="profiles">
+          <ProfileManager />
+        </TabsContent>
+
+        <TabsContent value="roles">
+          <UserRoleManager />
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}