Rename the files with the appropriate structure

src/layouts/MuiLayout.jsx

@@ -1,4 +1,4 @@
-import NoSsrHandler from "@/core/components/isBotHandler";
+import NoSsrHandler from "@/core/components/NoSsrHandler";
 import {createEmotionCacheRtl} from "@/core/utils/createEmotionCache";
 import themeRtl from "@/core/utils/theme-rtl";
 import {CacheProvider} from "@emotion/react";

src/middlewares/RolePermission.jsx

@@ -4,7 +4,7 @@ import useUser from "@/lib/app/hooks/useUser";
 import {Button, Typography} from "@mui/material";
 import {useTranslations} from "next-intl";
 
-const RolePermission = ({children, requiredPermissions}) => {
+const RolePermissionMiddleware = ({children, requiredPermissions}) => {
     const {user} = useUser();
     const t = useTranslations();
 
@@ -40,4 +40,4 @@ const RolePermission = ({children, requiredPermissions}) => {
     return <>{children}</>;
 };
 
-export default RolePermission;
+export default RolePermissionMiddleware;

src/pages/dashboard/machinary-expert/index.jsx

@@ -1,5 +1,5 @@
 import DashboardMachinaryOfficeComponent from "@/components/dashboard/machinary-office";
-import RolePermission from "@/middlewares/RolePermission";
+import RolePermissionMiddleware from "@/middlewares/RolePermission";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
@@ -7,9 +7,9 @@ const requiredPermissions = ["machinery_expert"];
 export default function PassengerOffice() {
     return (
         <WithAuthMiddleware>
-            <RolePermission requiredPermissions={requiredPermissions}>
+            <RolePermissionMiddleware requiredPermissions={requiredPermissions}>
                 <DashboardMachinaryOfficeComponent/>
-            </RolePermission>
+            </RolePermissionMiddleware>
         </WithAuthMiddleware>
     );
 }

src/pages/dashboard/passenger-boss/index.jsx

@@ -1,5 +1,5 @@
 import DashboardPassengerBossComponent from "@/components/dashboard/passenger-boss";
-import RolePermission from "@/middlewares/RolePermission";
+import RolePermissionMiddleware from "@/middlewares/RolePermission";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
@@ -7,9 +7,9 @@ const requiredPermissions = ["passenger_office_chief"];
 export default function PassengerBoss() {
     return (
         <WithAuthMiddleware>
-            <RolePermission requiredPermissions={requiredPermissions}>
+            <RolePermissionMiddleware requiredPermissions={requiredPermissions}>
                 <DashboardPassengerBossComponent/>
-            </RolePermission>
+            </RolePermissionMiddleware>
         </WithAuthMiddleware>
     );
 }

src/pages/dashboard/passenger-office-chief/index.jsx

@@ -1,5 +1,5 @@
 import DashboardPassengerOfficeComponent from "@/components/dashboard/passenger-office";
-import RolePermission from "@/middlewares/RolePermission";
+import RolePermissionMiddleware from "@/middlewares/RolePermission";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
@@ -7,9 +7,9 @@ const requiredPermissions = ["passenger_office_chief"];
 export default function PassengerOffice() {
     return (
         <WithAuthMiddleware>
-            <RolePermission requiredPermissions={requiredPermissions}>
+            <RolePermissionMiddleware requiredPermissions={requiredPermissions}>
                 <DashboardPassengerOfficeComponent/>
-            </RolePermission>
+            </RolePermissionMiddleware>
         </WithAuthMiddleware>
     );
 }

src/pages/dashboard/province-manager/index.jsx

@@ -1,5 +1,5 @@
 import DashboardProvinceManagerComponent from "@/components/dashboard/province-manager";
-import RolePermission from "@/middlewares/RolePermission";
+import RolePermissionMiddleware from "@/middlewares/RolePermission";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
@@ -7,9 +7,9 @@ const requiredPermissions = ["province_manager"];
 export default function PassengerOffice() {
     return (
         <WithAuthMiddleware>
-            <RolePermission requiredPermissions={requiredPermissions}>
+            <RolePermissionMiddleware requiredPermissions={requiredPermissions}>
                 <DashboardProvinceManagerComponent/>
-            </RolePermission>
+            </RolePermissionMiddleware>
         </WithAuthMiddleware>
     );
 }

src/pages/dashboard/transportation-assistant/index.jsx

@@ -1,5 +1,5 @@
 import DashboardTransportationAssistanceComponent from "@/components/dashboard/transportation-assistance";
-import RolePermission from "@/middlewares/RolePermission";
+import RolePermissionMiddleware from "@/middlewares/RolePermission";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
@@ -7,9 +7,9 @@ const requiredPermissions = ["transportation_assistant"];
 export default function TransportationAssistance() {
     return (
         <WithAuthMiddleware>
-            <RolePermission requiredPermissions={requiredPermissions}>
+            <RolePermissionMiddleware requiredPermissions={requiredPermissions}>
                 <DashboardTransportationAssistanceComponent/>
-            </RolePermission>
+            </RolePermissionMiddleware>
         </WithAuthMiddleware>
     );
 }