Feat: Admin UI whitelist management and role management (#10910)

### What problem does this PR solve?

Add whitelist management and role management in Admin UI

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/admin/components/enterprise-feature.tsx

@@ -3,7 +3,7 @@ import { IS_ENTERPRISE } from '../utils';
 export default function EnterpriseFeature({
   children,
 }: {
-  children: () => React.ReactNode;
+  children: React.ReactNode | (() => React.ReactNode);
 }) {
   return IS_ENTERPRISE
     ? typeof children === 'function'

web/src/pages/admin/components/theme-switch.tsx

@@ -15,7 +15,7 @@ const ThemeSwitch = forwardRef<
   return (
     <Root
       ref={ref}
-      className={cn('relative rounded-full')}
+      className={cn('relative rounded-full', className)}
       {...props}
       checked={isDark}
       onCheckedChange={(value) =>