Merge branch 'develop' of https://gitlab.com/witel-front-end/rms into develop

src/app/template.js

@@ -1,5 +1,5 @@
 import cacheProviderRtl from "@/core/utils/cacheRtl";
-import { CssBaseline, ThemeProvider } from "@mui/material";
+import { CssBaseline, GlobalStyles, ThemeProvider } from "@mui/material";
 import theme from "@/core/utils/theme";
 import { AppRouterCacheProvider } from "@mui/material-nextjs/v14-appRouter";
 import "^/global.scss";
@@ -9,6 +9,21 @@ const Template = ({ children }) => {
     return (
         <AppRouterCacheProvider CacheProvider={cacheProviderRtl} options={{ enableCssLayer: true }}>
             <ThemeProvider theme={theme}>
+                <GlobalStyles
+                    styles={{
+                        "&::-webkit-scrollbar": {
+                            width: "5px",
+                        },
+                        "&::-webkit-scrollbar-track": {
+                            boxShadow: "inset 0 0 5px #fff",
+                            borderRadius: "5px",
+                        },
+                        "&::-webkit-scrollbar-thumb": {
+                            background: "#155175",
+                            borderRadius: "5px",
+                        },
+                    }}
+                />
                 <CssBaseline />
                 {children}
                 <ToastContainer rtl containerId="filtering" closeButton={false} />