Refactor project data structure, add internationalization support, and enhance UI components

- Updated project data files to improve formatting and consistency.
- Introduced language support with English and Dutch translations.
- Implemented language switcher and dark mode toggle in the header and footer.
- Enhanced navigation components to utilize internationalized strings.
- Refactored layout components to use Grid2 for better responsiveness.
- Improved accessibility and usability across various components.

src/layouts/landing/LandingLayout.jsx

@@ -2,7 +2,7 @@ import React, { useContext } from "react";
 
 import { ThemeProvider } from "@mui/material/styles";
 
-import { ColorModeContext } from "App";
+import { AppContext } from "App";
 import { LandingWhite } from "themes/Theme";
 import FullScreenContainer from "layouts/common/fullScreenContainer";
 
@@ -10,22 +10,22 @@ import BackToTop from "../common/backToTop";
 import Header from "./components/header";
 
 const LandingLayout = (props) => {
-  const { children } = props;
+	const { children } = props;
 
-  const colorMode = useContext(ColorModeContext);
+	const colorMode = useContext(AppContext);
 
-  return (
-    <ColorModeContext.Provider value={colorMode}>
-      <ThemeProvider theme={LandingWhite}>
-        <div id="back-to-top-anchor" />
-        <Header />
-        <FullScreenContainer>
-          {children}
-          <BackToTop />
-        </FullScreenContainer>
-      </ThemeProvider>
-    </ColorModeContext.Provider>
-  );
+	return (
+		<AppContext.Provider value={colorMode}>
+			<ThemeProvider theme={LandingWhite}>
+				<div id="back-to-top-anchor" />
+				<Header />
+				<FullScreenContainer>
+					{children}
+					<BackToTop />
+				</FullScreenContainer>
+			</ThemeProvider>
+		</AppContext.Provider>
+	);
 };
 
 export default LandingLayout;