fix i18n server side resource messages loading; setup loading language resources on the server

components/protectedRoute.tsx

@@ -18,7 +18,7 @@ const ProtectedRoute = ({ children, allowedRoles, deniedMessage, bypass = false,
     const router = useRouter();
 
     useEffect(() => {
-        console.log("session.role:" + session?.user?.role);
+        //console.log("session.role:" + session?.user?.role);
         if (!status || status === "unauthenticated") {
             // Redirect to the sign-in page
             if (autoRedirect) {

components/sidebar.tsx

@@ -1,12 +1,13 @@
 import { signIn, signOut, useSession } from "next-auth/react";
 import styles from "../styles/header.module.css";
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect, useRef, use } from "react";
 import { useRouter } from 'next/router';
 import sidemenu, { footerMenu } from './sidemenuData.js'; // Move sidemenu data to a separate file
 import axiosInstance from "src/axiosSecure";
 import common from "src/helpers/common";
 import LanguageSwitcher from "./languageSwitcher";
 import { useTranslations } from 'next-intl';
+import { getTranslations } from 'next-intl/server';
 import ProtectedPage from "pages/examples/protected";
 import ProtectedRoute from "./protectedRoute";
 import { UserRole } from "@prisma/client";
@@ -15,7 +16,11 @@ const packageVersion = require('../package.json').version;
 
 function SidebarMenuItem({ item, session, isSubmenu }) {
   // const tMenu = useTranslations('menu');
-  const t = useTranslations('common');
+  // const [t, locale] = useState(useTranslations('menu'));
+  // useEffect(() => {
+  //   console.log("SidebarMenuItem locale: ", locale);
+  //   locale(useTranslations('common'));
+  // }, [locale]);
   const router = useRouter();
   const isActive = router.pathname.includes(item.url);