Refont du site, avec les idées du site de codealuxz (#9)

* feat(Navbar): Implement responsive sheet menu and improve scroll behavior

- Added a responsive sheet menu using Radix UI for mobile navigation.
- Enhanced scroll behavior to adjust navbar height and style based on scroll position.
- Integrated overflow control for body when the menu is open.
- Updated navbar links rendering and button interactions.
- Added loading and error states for contributors section.
- Created Contributors component to fetch and display GitHub contributors for Website and PluginV2.
- Introduced Sheet component for consistent modal behavior across the application.
- Updated package dependencies to include @radix-ui/react-dialog.

* fix: Correct French contractions in JoinPage and Navbar components

* chore: Remove unnecessary blank line in JoinPage component

* fix: Update dark mode background color in globals.css

* fix: Update card background color in dark mode and adjust JoinPage styling

* gsfd

* Update nextjs.yml

* chore: Remove GitHub Actions workflow for Next.js deployment

* workflow deleted

* Create nextjs.yml

* mettre à jour la couleur d'arrière-plan du thème sombre et améliorer l'interface utilisateur de JoinPage avec le composant Carte de Shadcn. Utilisation des boutons shadcn + nouvelle variante Discord.

* Titre contributeurs changé

* Titre changé lors du loading

* Ajout d'un composant de footer avec système d'affichage et de mise en cache des contributeurs GitHub

- Nouveau Changelog
- Implémentation d'un nouveau composant footer qui récupère et affiche les contributeurs du dépôt GitHub « ServerOpenMC/Website ».
- Introduction d'un mécanisme de mise en cache pour les appels d'API GitHub utilisant localStorage afin d'optimiser les performances et de réduire les limites de débit des API.
- Création de composants d'interface utilisateur réutilisables pour Avatar, Badge, Dialogue, ScrollArea, Séparateur et Tooltip.
- Amélioration de l'expérience utilisateur avec des états de chargement et des tooltips pour les informations des contributeurs.

* Ajout de la prise en charge des images GitHub dans la configuration Next.js et amélioration des types pour les contributeurs et les statistiques dans plusieurs composants.

* fix avatar barre noire au hover

* Refactorisation du composant Header et division en plusieurs composants

- Suppression de la logique complexe et des animations du composant Header.
- Introduction des composants HeroSection, HeroImageWithStats et ContributorsSection.
- Implémentation du chargement différé pour la section Contributeurs.
- Ajout du composant GitHubStats pour récupérer et afficher les statistiques GitHub.
- Mise à jour de la hauteur de la barre de navigation lors du défilement.
- Suppression des journaux de la console des méthodes de cache GitHubApi.
- Ajout de la dépendance @radix-ui/react-hover-card pour la fonctionnalité de carte de survol.

* Refactor Navbar component by removing unnecessary comments and improving code readability

* Utilisation de l'icon Heart à la place d'un svg

* suppression du deuxieme footer dans la page join + ajout du logo OMC dans le footer

* Page galerie

* Logo openMc footer fix

* Update page.tsx

* fix footer logo

* rounded moins fort 30px -> 20px

* Update contributors.tsx

remplacement de la fleche par un chevron avec lucide + clean du code au niveau des netLines

* Update page.tsx

fix images qui se loadaient pas sur le workflow car l'url est en /Website mais en local il n'y est pas

* Update page.tsx

* Update page.tsx

meilleur bordures pour les tags dans galerie

* Update page.tsx

fix du s à jour quand il y en avait qu'un seul

* fix details changelog en dessous de la navbar

* fix navbar qui s'affichaient dans le hamburger menu

* fix animation avec le hover

* bouton changelog complet plus grand en hauteur

---------

Co-authored-by: Margouta <[email protected]>

Author: liankorExe

app/changelog/page.tsx

@@ -116,18 +116,21 @@
   * {
     @apply border-border outline-ring/50;
   }
+
   body {
     @apply bg-background text-foreground;
     font-family: var(--font-geist-sans);
   }
 }
 
 @keyframes shiny-text {
+
   0%,
   90%,
   100% {
     background-position: calc(-100% - var(--shiny-width)) 0;
   }
+
   30%,
   60% {
     background-position: calc(100% + var(--shiny-width)) 0;
@@ -147,20 +150,38 @@
     transform: scale(1) rotate(0deg);
     fill: none;
   }
+
   25% {
     transform: scale(1.2) rotate(15deg);
     fill: #e63946;
     color: #e63946;
   }
+
   50% {
     transform: scale(0.9) rotate(-15deg);
   }
+
   75% {
     transform: scale(1.1) rotate(5deg);
   }
+
   100% {
     transform: scale(1) rotate(0deg);
     color: #e63946;
     fill: #e63946;
   }
 }
+
+@keyframes shimmer {
+  0% {
+    transform: translateX(-100%) skewX(-12deg);
+  }
+
+  100% {
+    transform: translateX(200%) skewX(-12deg);
+  }
+}
+
+.animate-shimmer {
+  animation: shimmer 2s infinite;
+}