Enhance 404 page with modern design and animations

- Redesigned the 404 error page with a clean background and floating elements for improved visual appeal.
- Introduced glassmorphism effects for the main error container, enhancing the overall aesthetic.
- Added animated elements, including a bouncing 404 number and fun emoji animations, to create a more engaging user experience.
- Implemented responsive design adjustments for better usability on mobile devices.
- Included action buttons for navigation back to the homepage and an about section, improving user interaction.

src/i18n/translations.development.ts

@@ -0,0 +1,59 @@
+export interface DevelopmentTranslation {
+    development: {
+      menu: string;
+      pageTitle: string;
+      pageDescription: string;
+      title: string;
+      latestCommits: string;
+      intro: string;
+    };
+  }
+  
+  export const supportedLanguages = ['en', 'nl', 'de', 'fr'] as const;
+  
+  export function getDevelopmentTranslation(lang: string): DevelopmentTranslation {
+    return developmentTranslations[lang] || developmentTranslations['en'];
+  }
+  
+  export const developmentTranslations: Record<string, DevelopmentTranslation> = {
+    en: {
+      development: {
+        menu: 'Development',
+        pageTitle: '365DevNet Ecosystem: Development Overview',
+        pageDescription: 'See the latest development activity, code contributions, and commit history across all repositories in the 365DevNet ecosystem.',
+        title: 'Dashboard',
+        latestCommits: 'Last 10 Commits',
+        intro: 'This page provides a transparent overview of ongoing development activity across all repositories in the 365DevNet ecosystem. The contribution calendar below visually represents code contributions (commits) made over the past year, with more intense squares indicating more active days. Below the calendar, you\'ll find a list of the most recent commits from all repositories, including details about each change. This helps users, contributors, and stakeholders track progress and stay up to date with the latest updates across the entire codebase.'
+      },
+    },
+    nl: {
+      development: {
+        menu: 'Ontwikkeling',
+        pageTitle: '365DevNet Ecosysteem: Ontwikkelingsoverzicht',
+        pageDescription: 'Bekijk de laatste ontwikkelactiviteit, codebijdragen en commitgeschiedenis van alle repositories in het 365DevNet-ecosysteem.',
+        title: 'Dashboard',
+        latestCommits: 'Laatste 10 commits',
+        intro: 'Deze pagina biedt een transparant overzicht van de lopende ontwikkelactiviteiten in alle repositories van het 365DevNet-ecosysteem. De bijdragekalender hieronder geeft visueel de codebijdragen (commits) van het afgelopen jaar weer, waarbij intensere vakjes meer actieve dagen aangeven. Onder de kalender vindt u een lijst met de meest recente commits uit alle repositories, inclusief details over elke wijziging. Dit helpt gebruikers, bijdragers en belanghebbenden om de voortgang te volgen en op de hoogte te blijven van de laatste updates binnen de gehele codebase.'
+      },
+    },
+    de: {
+      development: {
+        menu: 'Entwicklung',
+        pageTitle: '365DevNet-Ökosystem: Entwicklungsübersicht',
+        pageDescription: 'Sehen Sie die neuesten Entwicklungsaktivitäten, Codebeiträge und die Commit-Historie aller Repositories im 365DevNet-Ökosystem.',
+        title: 'Übersicht',
+        latestCommits: 'Letzte 10 Commits',
+        intro: 'Diese Seite bietet einen transparenten Überblick über die laufenden Entwicklungsaktivitäten in allen Repositories des 365DevNet-Ökosystems. Der untenstehende Beitragskalender zeigt die Codebeiträge (Commits) des vergangenen Jahres visuell an, wobei intensivere Felder auf aktivere Tage hinweisen. Unter dem Kalender finden Sie eine Liste der neuesten Commits aus allen Repositories mit Details zu jeder Änderung. Dies hilft Nutzern, Mitwirkenden und Stakeholdern, den Fortschritt zu verfolgen und über die neuesten Updates im gesamten Codebestand informiert zu bleiben.'
+      },
+    },
+    fr: {
+      development: {
+        menu: 'Développement',
+        pageTitle: 'Écosystème 365DevNet : Aperçu du développement',
+        pageDescription: 'Consultez les dernières activités de développement, contributions de code et historique des commits de tous les dépôts de l\'écosystème 365DevNet.',
+        title: 'Tableau de bord',
+        latestCommits: '10 derniers commits',
+        intro: 'Cette page offre un aperçu transparent de l\'activité de développement en cours dans tous les dépôts de l\'écosystème 365DevNet. Le calendrier des contributions ci-dessous représente visuellement les contributions de code (commits) réalisées au cours de l\'année écoulée, les cases les plus intenses indiquant les jours les plus actifs. Sous le calendrier, vous trouverez une liste des commits les plus récents de tous les dépôts, avec des détails sur chaque modification. Cela aide les utilisateurs, contributeurs et parties prenantes à suivre la progression et à rester informés des dernières mises à jour dans l\'ensemble du code.'
+      },
+    },
+  };