Add applied skills section to navigation and update translations

- Introduced a new navigation item for applied skills, linking to the relevant section on the about me page.
- Updated the translations interface to include the appliedSkills key, with corresponding translations in English, Dutch, German, and French for improved multilingual support.

src/i18n/translations.ts

@@ -9,6 +9,7 @@ export interface Translation {
     resume: string;
     certifications: string;
     skills: string;
+    appliedSkills: string;
     education: string;
     blog: string;
     services: string;
@@ -186,6 +187,7 @@ export const translations: Record<string, Translation> = {
       resume: 'Resume',
       certifications: 'Certifications',
       skills: 'Skills',
+      appliedSkills: 'Applied Skills',
       education: 'Education',
       blog: 'Blog',
       services: 'Services',
@@ -669,6 +671,7 @@ export const translations: Record<string, Translation> = {
       resume: 'CV',
       certifications: 'Certificeringen',
       skills: 'Vaardigheden',
+      appliedSkills: 'Toegepaste Vaardigheden',
       education: 'Opleiding',
       blog: 'Blog',
       services: 'Diensten',
@@ -1153,6 +1156,7 @@ export const translations: Record<string, Translation> = {
       resume: 'Lebenslauf',
       certifications: 'Zertifizierungen',
       skills: 'Fähigkeiten',
+      appliedSkills: 'Angewandte Fähigkeiten',
       education: 'Ausbildung',
       blog: 'Blog',
       services: 'Dienstleistungen',
@@ -1637,6 +1641,7 @@ export const translations: Record<string, Translation> = {
       resume: 'CV',
       certifications: 'Certifications',
       skills: 'Compétences',
+      appliedSkills: 'Compétences Appliquées',
       education: 'Formation',
       blog: 'Blog',
       services: 'Services',

src/navigation.ts

@@ -33,6 +33,11 @@ export const getHeaderData = (lang = 'en') => {
             href: getPermalink('/aboutme', 'page', lang) + '#certifications',
             isHashLink: true,
           },
+          {
+            text: t.navigation.appliedSkills,
+            href: getPermalink('/aboutme', 'page', lang) + '#microsoft-applied-skills',
+            isHashLink: true,
+          },
           {
             text: t.navigation.education,
             href: getPermalink('/aboutme', 'page', lang) + '#education',
@@ -94,4 +99,4 @@ export const getFooterData = (lang = 'en') => {
 };
 
 // For backward compatibility
-export const footerData = getFooterData();
+export const footerData = getFooterData();