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/confirmation-dialog.xhtml

@@ -0,0 +1,84 @@
+<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 confirmation d'action
+
+        Principe DRY: Un seul composant pour toutes les confirmations (suppression, archivage, etc.)
+
+        Paramètres:
+        - message: Message de confirmation (requis)
+        - header: Titre du dialogue (défaut: "Confirmation")
+        - icon: Icône d'alerte (défaut: "pi pi-exclamation-triangle")
+        - severity: Gravité (success, info, warn, danger - défaut: warn)
+        - acceptLabel: Texte bouton confirmation (défaut: "Oui")
+        - rejectLabel: Texte bouton annulation (défaut: "Non")
+        - acceptIcon: Icône bouton confirmation (défaut: "pi pi-check")
+        - rejectIcon: Icône bouton annulation (défaut: "pi pi-times")
+
+        Utilisation en ligne (simple):
+        <p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
+            <ui:include src="/WEB-INF/components/confirmation-dialog.xhtml"/>
+        </p:confirmDialog>
+
+        <!-- Dans votre action -->
+        <p:commandButton value="Supprimer"
+                         action="#{viewBean.delete}"
+                         update="dataTable">
+            <p:confirm header="Confirmer la suppression"
+                       message="Êtes-vous sûr de vouloir supprimer cet élément ?"
+                       icon="pi pi-trash"/>
+        </p:commandButton>
+
+        Utilisation personnalisée (avancée):
+        <ui:include src="/WEB-INF/components/confirmation-dialog.xhtml">
+            <ui:param name="message" value="Cette action est irréversible. Continuer ?"/>
+            <ui:param name="header" value="Attention"/>
+            <ui:param name="severity" value="danger"/>
+            <ui:param name="acceptLabel" value="Confirmer"/>
+            <ui:param name="rejectLabel" value="Annuler"/>
+        </ui:include>
+    -->
+
+    <!-- Dialogue de confirmation global (style moderne) -->
+    <p:confirmDialog global="true"
+                     showEffect="fade"
+                     hideEffect="fade"
+                     responsive="true"
+                     width="350">
+        <div class="flex align-items-center gap-3 mb-3">
+            <!-- Icône avec couleur selon la gravité -->
+            <i class="#{empty icon ? 'pi pi-exclamation-triangle' : icon}
+                      #{severity eq 'danger' ? 'text-red-500' :
+                        severity eq 'warn' ? 'text-orange-500' :
+                        severity eq 'success' ? 'text-green-500' : 'text-blue-500'}"
+               style="font-size: 2rem"></i>
+
+            <!-- Message -->
+            <span class="font-bold text-900">
+                <h:outputText value="#{message}" escape="false"/>
+            </span>
+        </div>
+
+        <!-- Boutons d'action -->
+        <div class="flex align-items-center justify-content-end gap-2">
+            <p:commandButton value="#{empty rejectLabel ? 'Non' : rejectLabel}"
+                            icon="#{empty rejectIcon ? 'pi pi-times' : rejectIcon}"
+                            styleClass="ui-button-secondary"
+                            type="button"
+                            onclick="PF(arguments[0]).hide()"/>
+
+            <p:commandButton value="#{empty acceptLabel ? 'Oui' : acceptLabel}"
+                            icon="#{empty acceptIcon ? 'pi pi-check' : acceptIcon}"
+                            styleClass="#{severity eq 'danger' ? 'ui-button-danger' :
+                                         severity eq 'warn' ? 'ui-button-warning' :
+                                         severity eq 'success' ? 'ui-button-success' : 'ui-button-primary'}"
+                            type="button"
+                            onclick="PF(arguments[0]).accept()"/>
+        </div>
+    </p:confirmDialog>
+
+</ui:composition>