feat(front): integrating header dsfr

[hbalty]

No description provided.

[revu-bot]

Summary

This PR integrates the French government's DSFR (Système de Design de l'État) header component, replacing the custom navbar with standardized components. The implementation includes:

• ✅ New DSFR dropdown menu components for desktop and mobile
• ✅ Role-based access control directive
• ✅ Matomo privacy notice component
• ⚠️ CRITICAL: Missing reactive updates in HasRoleDirective
• ⚠️ IMPORTANT: Inconsistent logout method calls
• ⚠️ IMPORTANT: Unused input binding in LoginModalMenuComponent

Key Issues

Severity	Count	Category
CRITICAL	1	Reactivity bug
IMPORTANT	2	API inconsistency, unused code

The DSFR integration is well-structured, but the role directive needs immediate attention to prevent authorization bugs.

[codecov-commenter]

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

❌ Patch coverage is 58.46154% with 27 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (feat-init-frontend-dsfr@76e52c7). Learn more about missing BASE report.

Files with missing lines	Patch %	Lines
...pp/modules/shared/directives/has-role.directive.ts	14.28%	17 Missing and 1 partial ⚠️
...onfidentialite/alerte-confidentialite.component.ts	76.92%	3 Missing ⚠️
...agments/login-dropdown/login-dropdown.component.ts	75.00%	2 Missing ⚠️
...nts/login-modal-menu/login-modal-menu.component.ts	66.66%	2 Missing ⚠️
...ules/general/components/navbar/navbar.component.ts	75.00%	2 Missing ⚠️
❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@                    Coverage Diff                     @@
##             feat-init-frontend-dsfr    #4040   +/-   ##
==========================================================
  Coverage                           ?   65.89%           
==========================================================
  Files                              ?      934           
  Lines                              ?    16407           
  Branches                           ?     2310           
==========================================================
  Hits                               ?    10811           
  Misses                             ?     5265           
  Partials                           ?      331           

Files with missing lines	Coverage Δ
...fidentialite/alerte-confidentialite.component.html	100.00% <100.00%> (ø)
...ments/login-dropdown/login-dropdown.component.html	100.00% <100.00%> (ø)
...s/login-modal-menu/login-modal-menu.component.html	100.00% <100.00%> (ø)
...es/general/components/navbar/navbar.component.html	100.00% <100.00%> (ø)
...frontend/src/app/modules/general/general.module.ts	100.00% <100.00%> (ø)
...s/frontend/src/app/modules/shared/shared.module.ts	100.00% <100.00%> (ø)
...agments/login-dropdown/login-dropdown.component.ts	75.00% <75.00%> (ø)
...nts/login-modal-menu/login-modal-menu.component.ts	66.66% <66.66%> (ø)
...ules/general/components/navbar/navbar.component.ts	75.00% <75.00%> (ø)
...onfidentialite/alerte-confidentialite.component.ts	76.92% <76.92%> (ø)
... and 1 more

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 76e52c7...d361ac6. Read the comment docs.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[pYassine]

@hbalty quel est le but de cette variable ?

[hbalty]

ça sert à définir le mode d'opération du module js dsfr. J'ai mis un commentaire dans le navbar avec l'url : https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/en-tete/code-de-l-en-tete#variante-avec-raccourcis-dupliques-pour-angular-react-et-vue

Le menu en mobile ne fonctionne pas sans cette bidule parce que la dom est modifiée par dsfr ce qui fais des erreurs undefined pour angular.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	color-name@​1.1.3
	lodash@​4.17.21
	chalk@​4.1.2
	rimraf@​6.0.1
	color-convert@​2.0.1
	source-map-support@​0.5.21
	uuid@​9.0.1
	rxjs@​7.8.2
	compression@​1.8.1
	tslib@​2.8.1
	eventemitter3@​4.0.7
	eslint-config-love@​43.1.0
	webpack-bundle-analyzer@​4.10.2

View full report

[sonarqubecloud]

Quality Gate failed

Failed conditions
D Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE