diff --git a/FrontendV2/Dockerfile b/FrontendV2/Dockerfile
index 6d0dfae..3611744 100644
--- a/FrontendV2/Dockerfile
+++ b/FrontendV2/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:18 as builder
+FROM node:22-alpine AS builder
 
 WORKDIR /app
 
diff --git a/FrontendV2/src/components/ui/provider.tsx b/FrontendV2/src/components/ui/provider.tsx
index fd0331b..cac759d 100644
--- a/FrontendV2/src/components/ui/provider.tsx
+++ b/FrontendV2/src/components/ui/provider.tsx
@@ -1,15 +1,13 @@
-"use client"
+"use client";
 
-import { ChakraProvider, defaultSystem } from "@chakra-ui/react"
-import {
-  ColorModeProvider,
-  type ColorModeProviderProps,
-} from "./color-mode"
+import { ChakraProvider, defaultSystem } from "@chakra-ui/react";
+import { ColorModeProvider, type ColorModeProviderProps } from "./color-mode";
+import type { ReactNode } from "react";
 
-export function Provider(props: ColorModeProviderProps) {
+export function Provider({ children }: { children: ReactNode }) {
   return (
     <ChakraProvider value={defaultSystem}>
       <ColorModeProvider {...props} />
     </ChakraProvider>
-  )
+  );
 }
diff --git a/FrontendV2/src/main.tsx b/FrontendV2/src/main.tsx
index b9f5e03..5240b16 100644
--- a/FrontendV2/src/main.tsx
+++ b/FrontendV2/src/main.tsx
@@ -4,6 +4,7 @@ import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App.tsx";
 import i18n from "./utils/i18n"; // import i18n configuration DO NOT REMOVE
+import { Providers } from "@/components/ui/Providers";
 
 // Prevent unused variable tree shaking
 let i18nUnused = i18n;