Création des Composants de Layout (Header, Breadcrumb, Footer) pour GeekHR Connect

[maestro2711]

Description: Ce ticket vise à développer les composants de layout essentiels - Header, Breadcrumb, et Footer - pour l'application GeekHR Connect. Ces composants joueront un rôle crucial dans l'interface utilisateur en fournissant une navigation cohérente, des informations contextuelles, et des informations générales sur l'application.

Tâches à Réaliser:

1. Header:

   • [ ] Créer un composant Header dans le dossier src/app/layout/header.
   • [ ] Le Header doit inclure le logo de l'entreprise, les liens de navigation principaux (par exemple, Accueil, Gestion des Collaborateurs, etc.), et potentiellement des actions utilisateur (connexion/déconnexion).
   • [ ] Assurer que le Header est responsive et s'adapte aux différents dispositifs d'affichage.

2. Breadcrumb:

   • [ ] Développer un composant Breadcrumb dans src/app/layout/breadcrumb.
   • [ ] Le Breadcrumb servira à afficher le chemin de navigation actuel de l'utilisateur, facilitant ainsi la navigation dans l'application.
   • [ ] Le composant doit être dynamique et capable de s'adapter en fonction de la page actuellement affichée par l'utilisateur

3. Footer:

   • [ ] Créer un composant Footer dans src/app/layout/footer.
   • [ ] Le Footer contiendra des informations telles que les droits d'auteur.

Critères d'Acceptation:

• Le Header doit être fonctionnel, esthétiquement agréable et facile à naviguer.
• Le Breadcrumb doit refléter avec précision le chemin de la page actuelle dans l'application.
• Le Footer doit contenir les informations requises.
• Tous les composants doivent être développés avec une approche mobile-first, garantissant leur bonne fonctionnalité sur des appareils de différentes tailles.
• L'intégration des composants de layout ne doit pas affecter négativement les performances de l'application.