Refactor development page and enhance translations for improved clarity

- Consolidate the "Web Development" link in the navigation for better structure.
- Add an introductory text to the development section in translations for clearer context.
- Update various translation entries for consistency and clarity across multiple languages.
- Remove the development.astro page as its functionality is now integrated elsewhere.

src/i18n/translations.ts

@@ -17,6 +17,7 @@ export interface Translation {
   development: {
     title: string;
     latestCommits: string;
+    intro: string;
   };
   footer: {
     terms: string;
@@ -161,6 +162,7 @@ export const translations: Record<string, Translation> = {
     development: {
       title: 'Development',
       latestCommits: 'Latest Commits',
+      intro: 'This page provides a transparent overview of the ongoing development activity for the 365DevNet project. The contribution calendar below visually represents code contributions (commits) made over the past year, with darker squares indicating more active days. Below the calendar, you\'ll find a list of the most recent commits, including details about each change. This helps users, contributors, and stakeholders track project progress and stay up to date with the latest updates.',
     },
     footer: {
       terms: 'Terms',
@@ -592,6 +594,7 @@ export const translations: Record<string, Translation> = {
     development: {
       title: 'Ontwikkeling',
       latestCommits: 'Laatste commits',
+      intro: 'Deze pagina biedt een transparant overzicht van de lopende ontwikkelingsactiviteiten voor het 365DevNet-project. De bijdragekalender hieronder geeft visueel de codebijdragen (commits) van het afgelopen jaar weer, waarbij donkerdere vakjes meer actieve dagen aangeven. Onder de kalender vindt u een lijst met de meest recente commits, inclusief details over elke wijziging. Dit helpt gebruikers, bijdragers en belanghebbenden om de voortgang van het project te volgen en op de hoogte te blijven van de laatste updates.',
     },
     footer: {
       terms: 'Voorwaarden',
@@ -700,7 +703,7 @@ export const translations: Record<string, Translation> = {
           },
           {
             testimonial:
-              'De SharePoint-implementatie die Richard heeft geleverd, heeft de mogelijkheden van ons team om samen te werken en informatie te delen volledig getransformeerd. We hebben een dramatische toename in productiviteit gezien en een aanzienlijke vermindering van e-mailverkeer.',
+              'De SharePoint-implementatie die Richard heeft geleverd, heeft de mogelijkheden van ons team om samen te werken en informatie te delen volledig getransformeerd. We hebben eens dramatische toename in productiviteit gezien en een aanzienlijke vermindering van e-mailverkeer.',
             name: 'Jane Doe',
             description: 'Projectmanager, Beta Industries',
           },
@@ -751,7 +754,7 @@ export const translations: Record<string, Translation> = {
           location: 'Amsterdam',
           period: '08-2020 - 01-2025',
           description:
-            "Als de Microsoft 365-expert binnen COFRA Holding zorg ik ervoor dat de omgeving wordt beheerd, nieuwe functies worden gecommuniceerd en collega's worden ondersteund bij derde-lijnsaanvragen. Nieuwe aanvragen variëren van nieuwe Power Automate-stromen tot Power Apps. Daarnaast richt ik mij op de opzet en het beheer van onze Nexthink-omgeving, beheer ik TOPdesk en support and other projects as needed. Lately, I've been concentrating on leveraging Power Automate to enhance automation across various areas.",
+            "Als de Microsoft 365-expert binnen COFRA Holding zorg ik ervoor dat de omgeving wordt beheerd, nieuwe functies worden gecommuniceerd en collega's worden ondersteund bij derde-lijnsaanvragen. Nieuwe Anfragen variëren van nieuwe Power Automate-stromen tot Power Apps. Daarnaast richt ik mij op de opzet en het beheer van onze Nexthink-omgeving, beheer ik TOPdesk en support and other projects as needed. Lately, I've been concentrating on leveraging Power Automate to enhance automation across various areas.",
         },
         {
           title: 'Cloudsystemen- en applicatie-ingenieur',
@@ -979,22 +982,22 @@ export const translations: Record<string, Translation> = {
         {
           title: 'ITSM (TOPDesk)',
           description:
-            'Ervaren in het beheren van ITSM-processen met TOPdesk. Bekwaam in kernfunctionaliteiten zoals Incident Management en Asset Management, waarbij API-gebruik wordt benut voor naadloze integraties met andere systemen.',
+            'Experienced in managing ITSM processes using TOPdesk. Proficient in core functionalities such as Incident Management and Asset Management, while leveraging API usage for seamless integrations with other systems.',
         },
         {
           title: 'PowerShell',
           description:
-            'Bekwaam in het gebruik van PowerShell voor automatisering, systeembeheer en configuratiebeheer in Microsoft-omgevingen. Ervaren in het maken van robuuste scripts voor taakautomatisering, systeemmonitoring en integratie met verschillende Microsoft-diensten.',
+            'Proficient in utilizing PowerShell for automation, system administration, and configuration management across Microsoft environments. Experienced in creating robust scripts for task automation, system monitoring, and integration with various Microsoft services.',
         },
         {
-          title: 'Intune Apparaatbeheer',
+          title: 'Intune Device Management',
           description:
-            'Bekwaam in het implementeren, configureren en beheren van Windows 10/11-apparaten via Microsoft Intune. Ervaren in het maken en implementeren van apparaatbeleid, applicatie-implementatie en beveiligingsconfiguraties voor bedrijfsomgevingen.',
+            'Skilled in deploying, configuring, and managing Windows 10/11 devices through Microsoft Intune. Experienced in creating and implementing device policies, application deployment, and security configurations for enterprise environments.',
         },
         {
-          title: '3e Lijns IT-ondersteuning',
+          title: '3rd Line IT Support',
           description:
-            'Ervaren in het bieden van geavanceerde technische ondersteuning voor complexe IT-problemen die diepgaande kennis en gespecialiseerde expertise vereisen. Bekwaam in het oplossen, diagnosticeren en verhelpen van kritieke systeemproblemen op verschillende platforms en applicaties.',
+            'Experienced in providing advanced technical support for complex IT issues that require in-depth knowledge and specialized expertise. Proficient in troubleshooting, diagnosing, and resolving critical system problems across various platforms and applications.',
         },
       ],
     },
@@ -1024,6 +1027,7 @@ export const translations: Record<string, Translation> = {
     development: {
       title: 'Entwicklung',
       latestCommits: 'Neueste Commits',
+      intro: 'Diese Seite bietet einen transparenten Überblick über die laufenden Entwicklungsaktivitäten des 365DevNet-Projekts. Der untenstehende Beitragskalender zeigt die Codebeiträge (Commits) des vergangenen Jahres visuell an, wobei dunklere Felder auf aktivere Tage hinweisen. Unter dem Kalender finden Sie eine Liste der neuesten Commits mit Details zu jeder Änderung. Dies hilft Nutzern, Mitwirkenden und Stakeholdern, den Projektfortschritt zu verfolgen und über die neuesten Updates informiert zu bleiben.',
     },
     footer: {
       terms: 'Nutzungsbedingungen',
@@ -1138,7 +1142,7 @@ export const translations: Record<string, Translation> = {
           },
           {
             testimonial:
-              'Richard nahm sich die Zeit, unsere einzigartigen geschäftlichen Herausforderungen wirklich zu verstehen und entwickelte aangepaste IT-Lösungen, die unsere Bedürfnisse perfekt adressierten. Seine technischen Kenntnisse und Problemlösungsfähigkeiten sind außergewöhnlich.',
+              'Richard nahm die Zeit, unsere einzigartigen geschäftlichen Herausforderungen wirklich zu verstehen und entwickelte aangepaste IT-Lösungen, die unsere Bedürfnisse perfekt adressierten. Seine technischen Kenntnisse und Problemlösungsfähigkeiten sind außergewöhnlich.',
             name: 'David Lee',
             description: 'CEO, Gamma Solutions',
           },
@@ -1253,7 +1257,7 @@ export const translations: Record<string, Translation> = {
           name: 'Certified Nexthink Professional',
           issueDate: 'Ausstellungsdatum: 01-2025',
           description:
-            'Der Erwerb der Nexthink Certified Application Experience Management-Zertifizierung bestätigt die Expertise in der Optimierung der Anwendungsleistung, der Gewährleistung einer nahtlosen Benutzerakzeptanz und der Förderung der Kosteneffizienz. Diese Zertifizierung toont geavanceertes Wissen in der Messung und Verbesserung der digitalen Mitarbeitererfahrung in Unternehmensumgebungen an.',
+            'Der Erwerb der Nexthink Certified Application Experience Management-Zertifizierung bestätigt die Expertise in der Optimierung der Anwendungsleistung, der Gewährleistung einer nahtlosen Benutzerakzeptanz und der Förderung der Kosteneffizienz. Diese Zertifizierung toont geavanceerde kennis aan in der Messung und Verbesserung der digitalen Mitarbeitererfahrung in Unternehmensumgebungen an.',
           linkUrl: 'https://certified.nexthink.com/babd1e3a-c593-4a81-90a2-6a002f43e692#acc.fUOog9dj',
           image: {
             src: '/images/certificates/CertifiedNexthinkProfessionalinApplicationExperienceManagement.webp',
@@ -1456,6 +1460,7 @@ export const translations: Record<string, Translation> = {
     development: {
       title: 'Développement',
       latestCommits: 'Derniers commits',
+      intro: 'Cette page offre un aperçu transparent de l\'activité de développement en cours pour le projet 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 foncées indiquant les jours les plus actifs. Sous le calendrier, vous trouverez une liste des commits les plus récents, avec des détails sur chaque modification. Cela aide les utilisateurs, contributeurs et parties prenantes à suivre la progression du projet et à rester informés des dernières mises à jour.',
     },
     footer: {
       terms: "Conditions d'utilisation",

src/navigation.ts

@@ -44,14 +44,9 @@ export const getHeaderData = (lang = 'en') => {
         text: t.development.title,
         links: [
           {
-            text: 'Web Development',
-            links: [
-              {
-                text: '365devnet',
-                href: getPermalink('/development', 'page', lang),
-                isHashLink: false,
-              },
-            ],
+            text: '365devnet',
+            href: getPermalink('/development', 'page', lang),
+            isHashLink: false,
           },
           {
             text: 'Anti-FP Shield+',

src/pages/[lang]/development.astro

@@ -1,10 +1,10 @@
 ---
-import Layout from '../layouts/PageLayout.astro';
-import { getPermalink } from '../utils/permalinks';
-import { getTranslation } from '../i18n/translations';
+import Layout from '../../layouts/PageLayout.astro';
+import { getPermalink } from '../../utils/permalinks';
+import { getTranslation } from '../../i18n/translations';
 import React, { useMemo } from 'react';
 import dynamic from 'astro/dynamic';
-import ContributionCalendar from '../components/ContributionCalendar.jsx';
+import ContributionCalendar from '../../components/ContributionCalendar.jsx';
 
 const metadata = {
   title: 'Development Progress | 365DevNet',
@@ -68,7 +68,7 @@ const contributionData = getContributionData(commits);
   <div class="max-w-4xl mx-auto px-4 py-8">
     <h1 class="text-4xl font-bold mb-4">{t.development.title || 'Development Progress'}</h1>
     <p class="mb-8 text-lg text-gray-700 dark:text-gray-300">
-      This page provides a transparent overview of the ongoing development activity for the <strong>365DevNet</strong> project. The contribution calendar below visually represents code contributions (commits) made over the past year, with darker squares indicating more active days. Below the calendar, you'll find a list of the most recent commits, including details about each change. This helps users, contributors, and stakeholders track project progress and stay up to date with the latest updates.
+      {t.development.intro}
     </p>
     {/* Contribution Calendar */}
     <div class="mb-8">