show language switcher only in admins

components/sidebar.tsx

@@ -7,6 +7,9 @@ import axiosInstance from "src/axiosSecure";
 import common from "src/helpers/common";
 import LanguageSwitcher from "./languageSwitcher";
 import { useTranslations } from 'next-intl';
+import ProtectedPage from "pages/examples/protected";
+import ProtectedRoute from "./protectedRoute";
+import { UserRole } from "@prisma/client";
 //get package version from package.json
 const packageVersion = require('../package.json').version;
 
@@ -151,7 +154,9 @@ export default function Sidebar({ isSidebarOpen, toggleSidebar }) {
             <div className="mt-auto">
               <hr className="border-gray-200 dark:border-gray-600 text-align-bottom" />
               <FooterSection />
-              <LanguageSwitcher />
+              <ProtectedRoute allowedRoles={[UserRole.ADMIN]} deniedMessage="">
+                <LanguageSwitcher />
+              </ProtectedRoute >
             </div>
           </nav>
         </div>