refactor(admin): replace raw form elements with shared Input, Textarea, and Switch components in RoleEditPage

src/features/admin/components/pages/RolesPage.js

@@ -1,8 +1,8 @@
 'use client';
 
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { Card, Table, Button } from '@zen/core/shared/components';
+import { Card, Table, Button, Badge } from '@zen/core/shared/components';
 import { PencilEdit01Icon, Cancel01Icon } from '@zen/core/shared/icons';
 import { useToast } from '@zen/core/toast';
 
@@ -30,9 +30,7 @@ const RolesPageClient = () => {
             )}
           </div>
           {role.is_system && (
-            <span className="text-xs px-1.5 py-0.5 rounded bg-neutral-100 dark:bg-neutral-700 text-neutral-500 dark:text-neutral-400">
-              système
-            </span>
+            <Badge variant="default" size="sm">Système</Badge>
           )}
         </div>
       ),