feat: add profile management flow

app/pages/index.vue

@@ -1,16 +1,12 @@
 <template>
   <main class="container mx-auto px-6 py-8">
     <!-- Hero Section -->
-    <div class="hero min-h-[30vh] bg-gradient-to-r from-primary to-secondary">
-      <div class="hero-content text-center text-neutral-content">
-        <div class="max-w-md">
-          <h1 class="mb-5 text-4xl font-bold">Dashboard Inventaire</h1>
-          <p class="mb-5">
-            Vue hiérarchique de vos sites et machines industrielles.
-          </p>
-        </div>
-      </div>
-    </div>
+    <PageHero
+      title="Dashboard Inventaire"
+      subtitle="Vue hiérarchique de vos sites et machines industrielles."
+      min-height="min-h-[24vh]"
+      max-width="max-w-md"
+    />
 
     <!-- Hierarchical View -->
     <div class="my-8">
@@ -434,6 +430,7 @@ import { useSites } from '~/composables/useSites'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useMachines } from '~/composables/useMachines'
 import { useToast } from '~/composables/useToast'
+import PageHero from '~/components/PageHero.vue'
 
 const { sites, loading, loadSites, createSite } = useSites()
 const { machineTypes, loadMachineTypes } = useMachineTypesApi()