refactor(admin): simplify AdminHeader component by removing inline logic

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

@@ -3,6 +3,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { Card, Input, Button } from '@zen/core/shared/components';
 import { useToast } from '@zen/core/toast';
+import AdminHeader from '../components/AdminHeader.js';
 
 const ProfilePage = ({ user: initialUser }) => {
     const toast = useToast();
@@ -181,17 +182,7 @@ const ProfilePage = ({ user: initialUser }) => {
 
     return (
         <div className="flex flex-col gap-4 sm:gap-6 lg:gap-8">
-            {/* Header */}
-            <div className="flex items-center justify-between">
-                <div>
-                    <h1 className="text-lg sm:text-xl font-semibold text-neutral-900 dark:text-white">
-                        Mon profil
-                    </h1>
-                    <p className="mt-1 text-[13px] text-neutral-500 dark:text-neutral-400">
-                        Gérez les informations de votre compte
-                    </p>
-                </div>
-            </div>
+            <AdminHeader title="Mon profil" description="Gérez les informations de votre compte" />
 
             {/* Content */}
             <div className="flex flex-col gap-6">