feat: section Profil (langue) + ghost text lie a la langue

- Section Profil dans Configuration: langue (fr/en/es/de), nom
- Persistance localStorage (obsigate-lang, obsigate-name)
- Ghost text adapte le prompt a la langue du profil
- CSS profile-form, config-select stylise

frontend/index.html

@@ -1348,6 +1348,11 @@
                                     >🤖 IA</a
                                 >
                             </li>
+                            <li>
+                                <a href="#cfg-profile" class="help-nav-link"
+                                    >👤 Profil</a
+                                >
+                            </li>
                             <li>
                                 <a href="#cfg-about" class="help-nav-link"
                                     >📦 A propos</a
@@ -1962,6 +1967,36 @@
                                 </div>
                             </section>
 
+                            <!-- Profil -->
+                            <section
+                                class="config-section help-section"
+                                id="cfg-profile"
+                            >
+                                <h2>👤 Profil utilisateur</h2>
+                                <p class="config-description">
+                                    Preferences personnelles pour personnaliser
+                                    l'experience ObsiGate.
+                                </p>
+                                <div class="profile-form" id="profile-form">
+                                    <div class="profile-field">
+                                        <label for="profile-lang">Langue preferee</label>
+                                        <select id="profile-lang" class="config-select">
+                                            <option value="fr">Francais</option>
+                                            <option value="en">English</option>
+                                            <option value="es">Espanol</option>
+                                            <option value="de">Deutsch</option>
+                                        </select>
+                                        <span class="profile-hint">Utilisee par l'autocompletion et le ghost text.</span>
+                                    </div>
+                                    <div class="profile-field">
+                                        <label for="profile-name">Nom d'affichage</label>
+                                        <input type="text" id="profile-name" class="config-input" placeholder="Votre nom" maxlength="60">
+                                    </div>
+                                    <button class="config-save-btn" id="profile-save">Enregistrer</button>
+                                    <span class="profile-saved" id="profile-saved" style="display:none">✓ Sauvegarde</span>
+                                </div>
+                            </section>
+
                             <!-- À propos -->
                             <section
                                 class="config-section help-section"