diff --git a/src/app/(withAuth)/dashboard/azmayesh/loading.jsx b/src/app/(withAuth)/dashboard/azmayesh/loading.jsx
new file mode 100644
index 0000000..4d80e97
--- /dev/null
+++ b/src/app/(withAuth)/dashboard/azmayesh/loading.jsx
@@ -0,0 +1,7 @@
+'use client'
+import PageLoading from "@/core/components/PageLoading"
+
+const Loading = () => {
+    return <PageLoading />
+}
+export default Loading
\ No newline at end of file
diff --git a/src/app/(withAuth)/dashboard/azmayesh_type/loading.jsx b/src/app/(withAuth)/dashboard/azmayesh_type/loading.jsx
new file mode 100644
index 0000000..4d80e97
--- /dev/null
+++ b/src/app/(withAuth)/dashboard/azmayesh_type/loading.jsx
@@ -0,0 +1,7 @@
+'use client'
+import PageLoading from "@/core/components/PageLoading"
+
+const Loading = () => {
+    return <PageLoading />
+}
+export default Loading
\ No newline at end of file
diff --git a/src/app/(withAuth)/dashboard/loading.jsx b/src/app/(withAuth)/dashboard/loading.jsx
new file mode 100644
index 0000000..4d80e97
--- /dev/null
+++ b/src/app/(withAuth)/dashboard/loading.jsx
@@ -0,0 +1,7 @@
+'use client'
+import PageLoading from "@/core/components/PageLoading"
+
+const Loading = () => {
+    return <PageLoading />
+}
+export default Loading
\ No newline at end of file
diff --git a/src/app/(withAuth)/dashboard/road-patrols/operator/loading.jsx b/src/app/(withAuth)/dashboard/road-patrols/operator/loading.jsx
new file mode 100644
index 0000000..4d80e97
--- /dev/null
+++ b/src/app/(withAuth)/dashboard/road-patrols/operator/loading.jsx
@@ -0,0 +1,7 @@
+'use client'
+import PageLoading from "@/core/components/PageLoading"
+
+const Loading = () => {
+    return <PageLoading />
+}
+export default Loading
\ No newline at end of file
diff --git a/src/app/(withAuth)/dashboard/road-patrols/supervisor/loading.jsx b/src/app/(withAuth)/dashboard/road-patrols/supervisor/loading.jsx
new file mode 100644
index 0000000..4d80e97
--- /dev/null
+++ b/src/app/(withAuth)/dashboard/road-patrols/supervisor/loading.jsx
@@ -0,0 +1,7 @@
+'use client'
+import PageLoading from "@/core/components/PageLoading"
+
+const Loading = () => {
+    return <PageLoading />
+}
+export default Loading
\ No newline at end of file
diff --git a/src/app/layout.js b/src/app/layout.js
index 66d8c25..f0786a8 100644
--- a/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,6 +1,6 @@
+import favicon from "@/assets/images/favicon.svg";
 import { AuthProvider } from "@/lib/contexts/auth";
 import { TableSettingProvider } from "@/lib/contexts/tableSetting";
-import favicon from "@/assets/images/favicon.svg";
 
 export const metadata = {
     title: "سامانه جامع راهداری",
diff --git a/src/core/components/LoadingHardPage.jsx b/src/core/components/LoadingHardPage.jsx
index 0f66f9c..a4da80d 100644
--- a/src/core/components/LoadingHardPage.jsx
+++ b/src/core/components/LoadingHardPage.jsx
@@ -1,3 +1,4 @@
+'use client'
 import { Backdrop, Box, Stack, styled, Typography, useTheme } from "@mui/material";
 import SvgLoading from "@/core/components/svgs/SvgLoading";
 import SvgError from "@/core/components/svgs/SvgError";
diff --git a/src/core/components/PageLoading.jsx b/src/core/components/PageLoading.jsx
new file mode 100644
index 0000000..757d609
--- /dev/null
+++ b/src/core/components/PageLoading.jsx
@@ -0,0 +1,10 @@
+'use client'
+import { Paper } from "@mui/material"
+import LoadingHardPage from "./LoadingHardPage"
+
+const PageLoading = () => {
+    return <Paper elevation={0} sx={{ position: "relative", overflowX: "hidden", width: '100%', height: '100%' }}>
+        <LoadingHardPage width={100} height={100} loading={true} sx={{ position: 'absolute' }} />
+    </Paper>
+}
+export default PageLoading
\ No newline at end of file