Add breadcrumb to settings page

app/views/devise/registrations/edit.html.erb

@@ -1,5 +1,12 @@
 <div class="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
   <div class="max-w-2xl mx-auto space-y-8">
+    <!-- Breadcrumb -->
+    <%= render 'components/breadcrumb', crumbs: [
+      { name: 'Accueil', path: root_path },
+      { name: 'Paramètres', path: settings_path },
+      { name: 'Modifier le compte', path: nil }
+    ] %>
+
     <!-- Header -->
     <div class="text-center">
       <%= link_to "/" do %>

app/views/settings/show.html.erb

@@ -1,4 +1,12 @@
 <div class="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
+  <div class="max-w-2xl mx-auto space-y-8">
+    <!-- Breadcrumb -->
+    <%= render 'components/breadcrumb', crumbs: [
+      { name: 'Accueil', path: root_path },
+      { name: 'Paramètres', path: settings_path }
+    ] %>
+  </div>
+
   <div class="max-w-2xl mx-auto space-y-8">
     <!-- Header -->
     <div class="text-center">
@@ -41,7 +49,7 @@
               <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                 <i data-lucide="user" class="w-5 h-5 text-gray-400"></i>
               </div>
-              <%= f.text_field :first_name, 
+              <%= f.text_field :first_name,
                   class: "block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-xl shadow-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-colors",
                   placeholder: "Votre prénom" %>
             </div>
@@ -53,7 +61,7 @@
               <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
                 <i data-lucide="user" class="w-5 h-5 text-gray-400"></i>
               </div>
-              <%= f.text_field :last_name, 
+              <%= f.text_field :last_name,
                   class: "block w-full pl-10 pr-3 py-3 border border-gray-300 rounded-xl shadow-sm placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-colors",
                   placeholder: "Votre nom de famille" %>
             </div>
@@ -65,13 +73,13 @@
           <h4 class="text-lg font-medium text-gray-900 mb-4">Type de compte</h4>
           <div class="bg-gray-50 p-4 rounded-xl">
             <div class="flex items-start space-x-3">
-              <%= f.check_box :is_professionnal, 
+              <%= f.check_box :is_professionnal,
                   class: "mt-1 h-5 w-5 text-purple-600 border-gray-300 rounded focus:ring-purple-500" %>
               <div class="flex-1">
-                <%= f.label :is_professionnal, "Compte professionnel", 
+                <%= f.label :is_professionnal, "Compte professionnel",
                     class: "block text-sm font-medium text-gray-900 cursor-pointer" %>
                 <p class="mt-1 text-sm text-gray-600">
-                  Les comptes professionnels peuvent créer et gérer des événements. 
+                  Les comptes professionnels peuvent créer et gérer des événements.
                   Cette option vous permet d'accéder aux fonctionnalités de promotion d'événements.
                 </p>
               </div>
@@ -92,7 +100,7 @@
     <div class="bg-white py-6 px-6 shadow-xl rounded-2xl">
       <h3 class="text-lg font-semibold text-gray-900 mb-4">Gestion du compte</h3>
       <div class="space-y-3">
-        <%= link_to edit_user_registration_path, 
+        <%= link_to edit_user_registration_path,
             class: "flex items-center p-3 text-gray-700 hover:bg-gray-50 rounded-lg transition-colors" do %>
           <i data-lucide="key" class="w-5 h-5 mr-3 text-gray-400"></i>
           <div>
@@ -112,4 +120,4 @@
       <% end %>
     </div>
   </div>
-</div>
+</div>