style(admin): standardize subtitle text size and color across admin pages

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

@@ -16,7 +16,7 @@ export default function DashboardPage({ stats }) {
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">
             Tableau de bord
           </h1>
-          <p className="mt-1 text-xs text-neutral-400">Vue d'ensemble de votre application</p>
+          <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">Vue d'ensemble de votre application</p>
         </div>
       </div>
 

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

@@ -187,7 +187,7 @@ const ProfilePage = ({ user: initialUser }) => {
                     <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">
                         Mon profil
                     </h1>
-                    <p className="mt-1 text-xs text-neutral-400">
+                    <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">
                         Gérez les informations de votre compte
                     </p>
                 </div>

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

@@ -122,7 +122,7 @@ const RoleEditPage = ({ roleId }) => {
         <div>
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">{title}</h1>
           {isSystem && (
-            <p className="mt-1 text-xs text-neutral-400">Rôle système — le nom ne peut pas être modifié</p>
+            <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">Rôle système — le nom ne peut pas être modifié</p>
           )}
         </div>
       </div>

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

@@ -143,7 +143,9 @@ const RolesPage = () => {
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">Rôles</h1>
-          <p className="mt-1 text-xs text-neutral-400">Gérez les rôles et leurs permissions</p>
+          <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">
+            Gérez les rôles et leurs permissions
+          </p>
         </div>
         <Button
           variant="primary"

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

@@ -182,7 +182,7 @@ const UserEditPage = ({ userId }) => {
       <div className="flex items-center justify-between">
         <div>
           <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">Modifier l'utilisateur</h1>
-          <p className="mt-1 text-xs text-neutral-400">{userData.email}</p>
+          <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">{userData.email}</p>
         </div>
         <Button variant="secondary" size="sm" onClick={() => router.push('/admin/users')}>
           ← Retour aux utilisateurs

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

@@ -209,7 +209,9 @@ const UsersPage = () => {
             <div className="flex items-center justify-between">
                 <div>
                     <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">Utilisateurs</h1>
-                    <p className="mt-1 text-xs text-neutral-400">Gérez les comptes utilisateurs</p>
+                    <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">
+                        Gérez les comptes utilisateurs
+                    </p>
                 </div>
             </div>
             <UsersPageClient />

src/shared/components/StatCard.js

@@ -46,7 +46,7 @@ const StatCard = ({
                 )}
             </div>
 
-            <div className={`${bgColor} ${color} w-8 h-8 rounded-sm flex-shrink-0 ml-3 mt-[2px] flex items-center justify-center`}>
+            <div className={`${bgColor} ${color} w-8 h-8 rounded-md flex-shrink-0 ml-3 mt-[2px] flex items-center justify-center`}>
                 {loading ? (
                     <Skeleton height="h-4" width="w-4" />
                 ) : (