feat: add profile management flow

app/pages/generator.vue

@@ -1,15 +1,11 @@
 <template>
   <main class="container mx-auto px-6 py-8 space-y-8">
-    <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">Générateur de Types</h1>
-          <p class="mb-5">
-            Créez rapidement un nouveau type de machine avec sa structure complète.
-          </p>
-        </div>
-      </div>
-    </div>
+    <PageHero
+      title="Générateur de Types"
+      subtitle="Créez rapidement un nouveau type de machine avec sa structure complète."
+      min-height="min-h-[18vh]"
+      max-width="max-w-md"
+    />
 
     <div class="card bg-base-100 shadow-xl">
       <div class="card-body space-y-6">
@@ -89,6 +85,7 @@
 import { ref, computed, onMounted } from 'vue'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useToast } from '~/composables/useToast'
+import PageHero from '~/components/PageHero.vue'
 
 const { machineTypes, loadMachineTypes, createMachineType } = useMachineTypesApi()
 const { showError } = useToast()