feat: gestion des utilisateurs, rôles et équipes

- Ajout de la section de gestion des utilisateurs avec rôles (Admin, Trésorerie, Agent de Saisie).
- Restriction des accès par rôle (Admin a tout, Trésorerie a adhérents/paiements, Agent de saisie a adhérents/planning).
- Flux de modification obligatoire de mot de passe temporaire au premier login (par défaut AsTalange123).
- Intégration de la configuration des équipes du club.

as-talange-web/src/main/resources/templates/planning/form.html

@@ -33,6 +33,15 @@
                         </select>
                     </div>
 
+                    <!-- Équipe (Optionnelle) -->
+                    <div>
+                        <label class="block text-sm font-medium text-gray-700 mb-1">Équipe</label>
+                        <select id="planningEquipe" name="equipe.id" class="w-full border border-gray-300 rounded-lg px-4 py-2 text-sm focus:ring-2 focus:ring-blue-500 outline-none">
+                            <option value="">Aucune équipe</option>
+                            <option th:each="team : ${equipes}" th:value="${team.id}" th:text="${team.nom}" th:selected="${creneau.equipe != null && creneau.equipe.id == team.id}"></option>
+                        </select>
+                    </div>
+
                     <!-- Terrain -->
                     <div>
                         <label class="block text-sm font-medium text-gray-700 mb-1">Terrain <span class="text-red-500">*</span></label>
@@ -95,5 +104,24 @@
             </div>
         </div>
     </main>
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+            const catSelect = document.getElementsByName('categorie.id')[0];
+            if (catSelect) {
+                catSelect.addEventListener('change', function() {
+                    const catId = this.value;
+                    const equipeSelect = document.getElementById('planningEquipe');
+                    equipeSelect.innerHTML = '<option value="">Aucune équipe</option>';
+                    if (catId) {
+                        fetch('/categories/equipes?categorieId=' + catId)
+                            .then(response => response.text())
+                            .then(html => {
+                                equipeSelect.innerHTML = html;
+                            });
+                    }
+                });
+            }
+        });
+    </script>
 </body>
 </html>