feat: Module Devis professionnel avec écrans complets

Création de 2 écrans professionnels pour le module Devis:

1. devis/nouveau.xhtml:
   - 4 sections: Informations générales, Détail du devis, Montants, Conditions
   - Numéro auto-généré avec icône
   - Statut avec 5 valeurs (BROUILLON, ATTENTE, ACCEPTE, REFUSE, EXPIRE)
   - Dates d'émission et validité avec calendriers
   - Client et objet du devis requis
   - Placeholder pour lignes de devis (future développement)
   - Calcul automatique TVA 18% et TTC
   - Récapitulatif visuel HT/TVA/TTC avec composant monétaire
   - Conditions de paiement et remarques (section collapsible)
   - 3 boutons: Annuler, Brouillon, Envoyer

2. devis/details.xhtml:
   - En-tête: numéro, statut, client, objet, dates
   - Actions: Retour, Convertir en chantier, PDF, Modifier
   - 4 KPI cards: Montant HT, TVA, TTC, Statut
   - 6 onglets professionnels:
     * Vue d'ensemble: infos + récap financier + actions rapides
     * Détail des lignes: table lignes (placeholder)
     * Conditions: paiement, délais, garanties
     * Documents: GED associée (placeholder)
     * Suivi: timeline actions
     * Historique: modifications (placeholder)

Corrections:
- Fix navigation /factures/nouvelle -> /factures/nouveau (factures.xhtml)
- Fix menu /factures/nouvelle -> /factures/nouveau (menu.xhtml)

Tous les composants réutilisables utilisés (status-badge, monetary-display).
Validation complète côté client et serveur.
UI/UX professionnel adapté au métier BTP.

target/classes/META-INF/resources/WEB-INF/components/form-dialog.xhtml

@@ -0,0 +1,87 @@
+<ui:composition xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:h="http://java.sun.com/jsf/html"
+                xmlns:f="http://java.sun.com/jsf/core"
+                xmlns:ui="http://java.sun.com/jsf/facelets"
+                xmlns:p="http://primefaces.org/ui">
+
+    <!--
+        Composant réutilisable: Dialogue de formulaire CRUD
+
+        Principe DRY: Un seul composant pour tous les formulaires de création/édition
+
+        Paramètres:
+        - dialogId: ID du dialogue (requis)
+        - header: Titre du dialogue (ex: "Nouveau Chantier")
+        - widgetVar: Variable widget PrimeFaces (ex: "chantierDialog")
+        - formId: ID du formulaire (requis)
+        - viewBean: Bean de vue pour les actions (requis)
+        - modal: true/false (défaut: true)
+        - width: Largeur du dialogue (défaut: 600px)
+        - height: Hauteur du dialogue (défaut: auto)
+        - showHeader: Afficher l'entête (défaut: true)
+        - closable: Dialogue fermable (défaut: true)
+        - draggable: Dialogue déplaçable (défaut: true)
+        - resizable: Dialogue redimensionnable (défaut: false)
+        - updateTarget: ID à mettre à jour après save (requis)
+
+        Utilisation:
+        <ui:include src="/WEB-INF/components/form-dialog.xhtml">
+            <ui:param name="dialogId" value="chantierDialog"/>
+            <ui:param name="header" value="#{chantiersView.editing ? 'Modifier Chantier' : 'Nouveau Chantier'}"/>
+            <ui:param name="widgetVar" value="chantierDlg"/>
+            <ui:param name="formId" value="chantierForm"/>
+            <ui:param name="viewBean" value="#{chantiersView}"/>
+            <ui:param name="updateTarget" value="@form:dataTable"/>
+            <ui:define name="form-content">
+                <!-- Vos champs de formulaire ici -->
+                <div class="p-fluid">
+                    <div class="field">
+                        <label for="nom">Nom</label>
+                        <p:inputText id="nom" value="#{chantiersView.entity.nom}" required="true"/>
+                    </div>
+                </div>
+            </ui:define>
+        </ui:include>
+    -->
+
+    <p:dialog id="#{dialogId}"
+              header="#{header}"
+              widgetVar="#{widgetVar}"
+              modal="#{empty modal ? true : modal}"
+              width="#{empty width ? '600px' : width}"
+              height="#{empty height ? 'auto' : height}"
+              showHeader="#{empty showHeader ? true : showHeader}"
+              closable="#{empty closable ? true : closable}"
+              draggable="#{empty draggable ? true : draggable}"
+              resizable="#{empty resizable ? false : resizable}">
+
+        <h:form id="#{formId}">
+            <p:messages id="messages" showDetail="true" closable="true"/>
+
+            <!-- Contenu du formulaire injecté par la page appelante -->
+            <ui:insert name="form-content">
+                <div class="p-fluid">
+                    <p class="text-color-secondary">
+                        Aucun contenu de formulaire défini. Utilisez ui:define name="form-content" pour ajouter vos champs.
+                    </p>
+                </div>
+            </ui:insert>
+
+            <!-- Barre d'actions -->
+            <div class="flex align-items-center justify-content-end gap-2 pt-4">
+                <p:commandButton value="Annuler"
+                                 icon="pi pi-times"
+                                 styleClass="ui-button-secondary"
+                                 onclick="PF('#{widgetVar}').hide()"
+                                 type="button"/>
+                <p:commandButton value="#{viewBean.editing ? 'Modifier' : 'Créer'}"
+                                 icon="pi pi-save"
+                                 styleClass="ui-button-primary"
+                                 action="#{viewBean.save()}"
+                                 update="#{updateTarget} #{formId}:messages"
+                                 oncomplete="if (args &amp;&amp; !args.validationFailed) PF('#{widgetVar}').hide()"/>
+            </div>
+        </h:form>
+    </p:dialog>
+
+</ui:composition>