recode and add editor config

src/core/components/LinkRouting.jsx

@@ -1,116 +1,116 @@
 import MuiLink from "@mui/material/Link";
-import { styled } from "@mui/material/styles";
+import {styled} from "@mui/material/styles";
 import clsx from "clsx";
 import NextLink from "next/link";
-import { useRouter } from "next/router";
+import {useRouter} from "next/router";
 import * as React from "react";
 
 // Add support for the sx prop for consistency with the other branches.
 const Anchor = styled("a")({});
 
 export const NextLinkComposed = React.forwardRef(function NextLinkComposed(
-  props,
-  ref
+    props,
+    ref
 ) {
-  const {
-    to,
-    linkAs,
-    replace,
-    scroll,
-    shallow,
-    prefetch,
-    legacyBehavior = true,
-    locale,
-    ...other
-  } = props;
+    const {
+        to,
+        linkAs,
+        replace,
+        scroll,
+        shallow,
+        prefetch,
+        legacyBehavior = true,
+        locale,
+        ...other
+    } = props;
 
-  return (
-    <NextLink
-      href={to}
-      prefetch={prefetch}
-      as={linkAs}
-      replace={replace}
-      scroll={scroll}
-      shallow={shallow}
-      passHref
-      locale={locale}
-      legacyBehavior={legacyBehavior}
-    >
-      <Anchor ref={ref} {...other} />
-    </NextLink>
-  );
+    return (
+        <NextLink
+            href={to}
+            prefetch={prefetch}
+            as={linkAs}
+            replace={replace}
+            scroll={scroll}
+            shallow={shallow}
+            passHref
+            locale={locale}
+            legacyBehavior={legacyBehavior}
+        >
+            <Anchor ref={ref} {...other} />
+        </NextLink>
+    );
 });
 
 // A styled version of the Next.js Link component:
 // https://nextjs.org/docs/api-reference/next/link
 const LinkRouting = React.forwardRef(function Link(props, ref) {
-  const {
-    activeClassName = "active",
-    as,
-    className: classNameProps,
-    href,
-    legacyBehavior,
-    linkAs: linkAsProp,
-    locale,
-    noLinkStyle,
-    prefetch,
-    replace,
-    role, // Link don't have roles.
-    scroll,
-    shallow,
-    ...other
-  } = props;
+    const {
+        activeClassName = "active",
+        as,
+        className: classNameProps,
+        href,
+        legacyBehavior,
+        linkAs: linkAsProp,
+        locale,
+        noLinkStyle,
+        prefetch,
+        replace,
+        role, // Link don't have roles.
+        scroll,
+        shallow,
+        ...other
+    } = props;
 
-  const router = useRouter();
-  const pathname = typeof href === "string" ? href : href.pathname;
-  const className = clsx(classNameProps, {
-    [activeClassName]: router.pathname === pathname && activeClassName,
-  });
+    const router = useRouter();
+    const pathname = typeof href === "string" ? href : href.pathname;
+    const className = clsx(classNameProps, {
+        [activeClassName]: router.pathname === pathname && activeClassName,
+    });
 
-  const isExternal =
-    typeof href === "string" &&
-    (href.indexOf("http") === 0 || href.indexOf("mailto:") === 0);
+    const isExternal =
+        typeof href === "string" &&
+        (href.indexOf("http") === 0 || href.indexOf("mailto:") === 0);
 
-  if (isExternal) {
-    if (noLinkStyle) {
-      return <Anchor className={className} href={href} ref={ref} {...other} />;
+    if (isExternal) {
+        if (noLinkStyle) {
+            return <Anchor className={className} href={href} ref={ref} {...other} />;
+        }
+
+        return <MuiLink className={className} href={href} ref={ref} {...other} />;
     }
 
-    return <MuiLink className={className} href={href} ref={ref} {...other} />;
-  }
+    const linkAs = linkAsProp || as;
+    const nextjsProps = {
+        to: href,
+        linkAs,
+        replace,
+        scroll,
+        shallow,
+        prefetch,
+        legacyBehavior,
+        locale,
+    };
 
-  const linkAs = linkAsProp || as;
-  const nextjsProps = {
-    to: href,
-    linkAs,
-    replace,
-    scroll,
-    shallow,
-    prefetch,
-    legacyBehavior,
-    locale,
-  };
+    if (noLinkStyle) {
+        return (
+            <NextLinkComposed
+                className={className}
+                ref={ref}
+                {...nextjsProps}
+                {...other}
+            />
+        );
+    }
 
-  if (noLinkStyle) {
     return (
-      <NextLinkComposed
-        className={className}
-        ref={ref}
-        {...nextjsProps}
-        {...other}
-      />
+        <MuiLink
+            component={NextLinkComposed}
+            className={className}
+            ref={ref}
+            {...nextjsProps}
+            {...other}
+        />
     );
-  }
-
-  return (
-    <MuiLink
-      component={NextLinkComposed}
-      className={className}
-      ref={ref}
-      {...nextjsProps}
-      {...other}
-    />
-  );
 });
 
 export default LinkRouting;

src/core/components/LoadingHardPage.jsx

@@ -1,44 +1,44 @@
-import { Backdrop, Fade, styled } from "@mui/material";
+import {Backdrop, Fade, styled} from "@mui/material";
 import StyledImage from "./StyledImage";
 
 const LoadingImage = styled(StyledImage)({
-  "@keyframes load": {
-    "0%": {
-      // opacity: 0,
-      transform: "scale(1)",
+    "@keyframes load": {
+        "0%": {
+            // opacity: 0,
+            transform: "scale(1)",
+        },
+        "50%": {
+            // opacity: 1,
+            transform: "scale(2)",
+        },
+        "100%": {
+            // opacity: 0,
+            transform: "scale(1)",
+        },
     },
-    "50%": {
-      // opacity: 1,
-      transform: "scale(2)",
-    },
-    "100%": {
-      // opacity: 0,
-      transform: "scale(1)",
-    },
-  },
-  animation: "load 2s infinite",
+    animation: "load 2s infinite",
 });
 
-const LoadingHardPage = ({ children, loading }) => {
-  return (
-    <>
-      <Backdrop
-        sx={{ bgcolor: "#fff", zIndex: (theme) => theme.zIndex.drawer + 1 }}
-        open={loading}
-      >
-        <Fade in={true}>
-          <LoadingImage
-            src={"/images/loading.svg"}
-            alt="loading marhaba"
-            priority
-            width={100}
-            height={100}
-          />
-        </Fade>
-      </Backdrop>
-      {children}
-    </>
-  );
+const LoadingHardPage = ({children, loading}) => {
+    return (
+        <>
+            <Backdrop
+                sx={{bgcolor: "#fff", zIndex: (theme) => theme.zIndex.drawer + 1}}
+                open={loading}
+            >
+                <Fade in={true}>
+                    <LoadingImage
+                        src={"/images/loading.svg"}
+                        alt="loading marhaba"
+                        priority
+                        width={100}
+                        height={100}
+                    />
+                </Fade>
+            </Backdrop>
+            {children}
+        </>
+    );
 };
 
 export default LoadingHardPage;

src/core/components/Messages.jsx

@@ -2,22 +2,22 @@ import CenterLayout from "@/layouts/CenterLayout";
 import FullPageLayout from "@/layouts/FullPageLayout";
 import StyledImage from "./StyledImage";
 
-const Message = ({ text, actions }) => {
-  return (
-    <FullPageLayout sx={{ p: 1 }}>
-      <CenterLayout spacing={3}>
-        <StyledImage
-          src={"/images/loading.svg"}
-          alt="loading loan facilities"
-          width={100}
-          height={100}
-          priority
-        />
-        {text}
-        {actions}
-      </CenterLayout>
-    </FullPageLayout>
-  );
+const Message = ({text, actions}) => {
+    return (
+        <FullPageLayout sx={{p: 1}}>
+            <CenterLayout spacing={3}>
+                <StyledImage
+                    src={"/images/loading.svg"}
+                    alt="loading loan facilities"
+                    width={100}
+                    height={100}
+                    priority
+                />
+                {text}
+                {actions}
+            </CenterLayout>
+        </FullPageLayout>
+    );
 };
 
 export default Message;

src/core/components/PasswordField.jsx

@@ -1,33 +1,33 @@
-import { useState } from "react";
-import { IconButton, InputAdornment, TextField } from "@mui/material";
-import { Visibility, VisibilityOff } from "@mui/icons-material";
-import { Field } from "formik";
+import {useState} from "react";
+import {IconButton, InputAdornment, TextField} from "@mui/material";
+import {Visibility, VisibilityOff} from "@mui/icons-material";
+import {Field} from "formik";
 
 const PasswordField = (props) => {
-  const [showPassword, setShowPassword] = useState(false);
+    const [showPassword, setShowPassword] = useState(false);
 
-  const handleClickShowPassword = () => {
-    setShowPassword(!showPassword);
-  };
+    const handleClickShowPassword = () => {
+        setShowPassword(!showPassword);
+    };
 
-  return (
-    <Field
-      variant="outlined"
-      fullWidth
-      as={TextField}
-      {...props}
-      type={showPassword ? "text" : "password"}
-      InputProps={{
-        endAdornment: (
-          <InputAdornment position="end">
-            <IconButton onClick={handleClickShowPassword}>
-              {showPassword ? <Visibility /> : <VisibilityOff />}
-            </IconButton>
-          </InputAdornment>
-        ),
-      }}
-    />
-  );
+    return (
+        <Field
+            variant="outlined"
+            fullWidth
+            as={TextField}
+            {...props}
+            type={showPassword ? "text" : "password"}
+            InputProps={{
+                endAdornment: (
+                    <InputAdornment position="end">
+                        <IconButton onClick={handleClickShowPassword}>
+                            {showPassword ? <Visibility/> : <VisibilityOff/>}
+                        </IconButton>
+                    </InputAdornment>
+                ),
+            }}
+        />
+    );
 };
 
 export default PasswordField;

src/core/components/ResendToken.jsx

@@ -1,72 +1,72 @@
 import Notifications from "@/core/components/notifications";
 import useDirection from "@/lib/app/hooks/useDirection";
-import { Button, Typography } from "@mui/material";
+import {Button} from "@mui/material";
 import axios from "axios";
-import { useTranslations } from "next-intl";
-import { useEffect } from "react";
-import { SEND_OTP_TOKEN } from "../data/apiRoutes";
+import {useTranslations} from "next-intl";
+import {useEffect} from "react";
+import {SEND_OTP_TOKEN} from "../data/apiRoutes";
 
-const ResendToken = ({ initialTimerValue, timer, setTimer, PhoneNumber }) => {
-  const t = useTranslations();
-  const { directionApp } = useDirection();
+const ResendToken = ({initialTimerValue, timer, setTimer, PhoneNumber}) => {
+    const t = useTranslations();
+    const {directionApp} = useDirection();
 
-  // Countdown Timer
-  useEffect(() => {
-    let interval;
-    if (timer > 0) {
-      interval = setInterval(() => {
-        setTimer((prevTimer) => prevTimer - 1);
-      }, 1000);
-    } else {
-      clearInterval(interval);
-    }
+    // Countdown Timer
+    useEffect(() => {
+        let interval;
+        if (timer > 0) {
+            interval = setInterval(() => {
+                setTimer((prevTimer) => prevTimer - 1);
+            }, 1000);
+        } else {
+            clearInterval(interval);
+        }
 
-    return () => clearInterval(interval);
-  }, [timer]);
-  // End Countdown Timer
+        return () => clearInterval(interval);
+    }, [timer]);
+    // End Countdown Timer
 
-  // Handle Resend Token
-  const handleResendClick = async () => {
-    // work on it
-    if (timer != 0) return;
-    Notifications(directionApp, t, undefined);
-    await axios
-      .post(SEND_OTP_TOKEN, {
-        phone_number: PhoneNumber,
-      })
-      .then(function (response) {
-        Notifications(directionApp, t, response);
-        setTimer(initialTimerValue);
-      })
-      .catch(function (error) {
-        Notifications(directionApp, t, error.response);
-      });
-  };
-  // End Handle Resend Token
+    // Handle Resend Token
+    const handleResendClick = async () => {
+        // work on it
+        if (timer != 0) return;
+        Notifications(directionApp, t, undefined);
+        await axios
+            .post(SEND_OTP_TOKEN, {
+                phone_number: PhoneNumber,
+            })
+            .then(function (response) {
+                Notifications(directionApp, t, response);
+                setTimer(initialTimerValue);
+            })
+            .catch(function (error) {
+                Notifications(directionApp, t, error.response);
+            });
+    };
+    // End Handle Resend Token
 
-  return (
-    <>
-      {timer > 0 ? (
-        <Button
-          color="success"
-          disabled
-          sx={{ width: "auto", alignSelf: "center", mt: 0 }}
-          onClick={handleResendClick}
-        >
-          {t("Resend_code_in")} {timer} {" "}
-          {t("seconds_later")}
-        </Button>
-      ) : (
-        <Button
-          color="success"
-          sx={{ width: "120px", alignSelf: "center", mt: 0 }}
-          onClick={handleResendClick}
-        >
-          {t("resend_code")}
-        </Button>
-      )}
-    </>
-  );
+    return (
+        <>
+            {timer > 0 ? (
+                <Button
+                    color="success"
+                    disabled
+                    sx={{width: "auto", alignSelf: "center", mt: 0}}
+                    onClick={handleResendClick}
+                >
+                    {t("Resend_code_in")} {timer} {" "}
+                    {t("seconds_later")}
+                </Button>
+            ) : (
+                <Button
+                    color="success"
+                    sx={{width: "120px", alignSelf: "center", mt: 0}}
+                    onClick={handleResendClick}
+                >
+                    {t("resend_code")}
+                </Button>
+            )}
+        </>
+    );
 };
 
 export default ResendToken;

src/core/components/SelectBox.jsx

@@ -1,55 +1,49 @@
-import {
-  FormControl,
-  FormHelperText,
-  InputLabel,
-  MenuItem,
-  Select,
-} from "@mui/material";
+import {FormControl, FormHelperText, InputLabel, MenuItem, Select,} from "@mui/material";
 
 function SelectBox({
-  select,
-  selectType,
-  selectors,
-  label,
-  setFieldValue,
-  setFieldTouched,
-  error,
-  helperText,
-}) {
-  const handleChange = (event) => {
-    setFieldValue(selectType, event.target.value);
-  };
-  const handleBlur = () => {
-    setFieldTouched(select, true);
-  };
-  return (
-    <FormControl
-      variant="outlined"
-      margin="normal"
-      fullWidth
-      size="small"
-      error={error}
-    >
-      <InputLabel id="language-label">{label}</InputLabel>
-      <Select
-        labelId="language-label"
-        id={select}
-        name={select}
-        size="small"
-        value={select}
-        onChange={handleChange}
-        label="Language"
-        onBlur={handleBlur}
-      >
-        {selectors.map((selector) => (
-          <MenuItem key={selector.id} value={selector.value}>
-            {selector.name}
-          </MenuItem>
-        ))}
-      </Select>
-      <FormHelperText>{helperText}</FormHelperText>
-    </FormControl>
-  );
+                       select,
+                       selectType,
+                       selectors,
+                       label,
+                       setFieldValue,
+                       setFieldTouched,
+                       error,
+                       helperText,
+                   }) {
+    const handleChange = (event) => {
+        setFieldValue(selectType, event.target.value);
+    };
+    const handleBlur = () => {
+        setFieldTouched(select, true);
+    };
+    return (
+        <FormControl
+            variant="outlined"
+            margin="normal"
+            fullWidth
+            size="small"
+            error={error}
+        >
+            <InputLabel id="language-label">{label}</InputLabel>
+            <Select
+                labelId="language-label"
+                id={select}
+                name={select}
+                size="small"
+                value={select}
+                onChange={handleChange}
+                label="Language"
+                onBlur={handleBlur}
+            >
+                {selectors.map((selector) => (
+                    <MenuItem key={selector.id} value={selector.value}>
+                        {selector.name}
+                    </MenuItem>
+                ))}
+            </Select>
+            <FormHelperText>{helperText}</FormHelperText>
+        </FormControl>
+    );
 }
 
 export default SelectBox;

src/core/components/StyledForm.jsx

@@ -1,5 +1,5 @@
-import { styled } from "@mui/material";
-import { Form } from "formik";
+import {styled} from "@mui/material";
+import {Form} from "formik";
 
 const StyledForm = styled(Form)``;
 

src/core/components/StyledImage.jsx

@@ -1,4 +1,4 @@
-import { styled } from "@mui/material";
+import {styled} from "@mui/material";
 import Image from "next/image";
 
 const StyledImage = styled(Image)``;

src/core/components/TitlePage.jsx

@@ -1,15 +1,15 @@
-import { useTranslations } from "next-intl";
+import {useTranslations} from "next-intl";
 import Head from "next/head";
 
-const TitlePage = ({ text }) => {
-  const t = useTranslations();
-  return (
-    <Head>
-      <title>
-        {text ? `${t("app_short_name")} | ${t(text)}` : t("app_short_name")}
-      </title>
-    </Head>
-  );
+const TitlePage = ({text}) => {
+    const t = useTranslations();
+    return (
+        <Head>
+            <title>
+                {text ? `${t("app_short_name")} | ${t(text)}` : t("app_short_name")}
+            </title>
+        </Head>
+    );
 };
 
 export default TitlePage;

src/core/components/UploadSystem.jsx

@@ -1,148 +1,147 @@
-import { Box, Button, TextField, Typography } from "@mui/material";
-import { useTranslations } from "next-intl";
+import {Box, Button, TextField, Typography} from "@mui/material";
+import {useTranslations} from "next-intl";
 import Image from "next/image";
 import DeleteForeverIcon from "@mui/icons-material/DeleteForever";
-import { useRef } from "react";
+import {useRef} from "react";
 
 const UploadSystem = ({
-  selectedImage,
-  setselectedImage,
-  handleUploadChange,
-  fieldname,
-  setFieldValue,
-  imageAlt,
-  imageSize,
-  fileType,
-  fileName,
-  label,
-}) => {
-  const t = useTranslations();
-  const fileInputRef = useRef(null);
+                          selectedImage,
+                          setselectedImage,
+                          handleUploadChange,
+                          fieldname,
+                          setFieldValue,
+                          imageAlt,
+                          imageSize,
+                          fileType,
+                          fileName,
+                          label,
+                      }) => {
+    const t = useTranslations();
+    const fileInputRef = useRef(null);
 
-  const handleClick = () => {
-    fileInputRef.current.click();
-  };
-  const handleDeleteImage = () => {
-    setselectedImage("/images/upload-image.svg");
-    setFieldValue(fieldname, null);
-  };
+    const handleClick = () => {
+        fileInputRef.current.click();
+    };
+    const handleDeleteImage = () => {
+        setselectedImage("/images/upload-image.svg");
+        setFieldValue(fieldname, null);
+    };
 
-  const isDocumentFormat = (fileType) => {
-    const documentFormats = [
-      "application/pdf",
-      "application/msword",
-      "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-      "application/vnd.ms-excel",
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    ];
-    return documentFormats.includes(fileType);
-  };
+    const isDocumentFormat = (fileType) => {
+        const documentFormats = [
+            "application/pdf",
+            "application/msword",
+            "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+            "application/vnd.ms-excel",
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+        ];
+        return documentFormats.includes(fileType);
+    };
 
-  return (
-    <Box sx={{ width: imageSize[0], my: 2 }}>
-      <Typography
-        margin={2}
-        sx={{
-          fontWeight: 500,
-          fontSize: "1rem",
-          color: "#a19d9d",
-        }}
-        textAlign="center"
-      >
-        {label}
-      </Typography>
-      {selectedImage === "/images/upload-image.svg" ? (
-        <Image
-          width={imageSize[0]}
-          height={imageSize[1]}
-          src={selectedImage}
-          priority
-          alt={imageAlt}
-          onClick={handleClick}
-          style={{
-            cursor: "pointer",
-            objectFit: "contain",
-            border: "1px dashed #e1e1e1",
-            borderBottom: "unset",
-            padding: "5px",
-          }}
-        />
-      ) : fileType && fileType.startsWith("image/") ? (
-        <Image
-          width={imageSize[0]}
-          height={imageSize[1]}
-          src={selectedImage}
-          priority
-          alt={imageAlt}
-          onClick={handleClick}
-          style={{
-            cursor: "pointer",
-            objectFit: "contain",
-            border: "1px dashed #e1e1e1",
-            borderBottom: "unset",
-            padding: "5px",
-          }}
-        />
-      ) : (
-        fileType &&
-        isDocumentFormat(fileType) && (
-          <Box
-            sx={{
-              width: imageSize[0],
-              height: imageSize[1],
-              display: "flex",
-              border: "1px dashed #e1e1e1",
-              borderBottom: "unset",
-              alignItems: "center",
-              justifyContent: "center",
-            }}
-            onClick={handleClick}
-          >
+    return (
+        <Box sx={{width: imageSize[0], my: 2}}>
             <Typography
-              margin={2}
-              sx={{
-                fontWeight: 600,
-                fontSize: "1rem",
-                color: "#a19d9d",
-              }}
-              textAlign="center"
+                margin={2}
+                sx={{
+                    fontWeight: 500,
+                    fontSize: "1rem",
+                    color: "#a19d9d",
+                }}
+                textAlign="center"
             >
-              {fileName}
+                {label}
             </Typography>
-          </Box>
-        )
-      )}
+            {selectedImage === "/images/upload-image.svg" ? (
+                <Image
+                    width={imageSize[0]}
+                    height={imageSize[1]}
+                    src={selectedImage}
+                    priority
+                    alt={imageAlt}
+                    onClick={handleClick}
+                    style={{
+                        cursor: "pointer",
+                        objectFit: "contain",
+                        border: "1px dashed #e1e1e1",
+                        borderBottom: "unset",
+                        padding: "5px",
+                    }}
+                />
+            ) : fileType && fileType.startsWith("image/") ? (
+                <Image
+                    width={imageSize[0]}
+                    height={imageSize[1]}
+                    src={selectedImage}
+                    priority
+                    alt={imageAlt}
+                    onClick={handleClick}
+                    style={{
+                        cursor: "pointer",
+                        objectFit: "contain",
+                        border: "1px dashed #e1e1e1",
+                        borderBottom: "unset",
+                        padding: "5px",
+                    }}
+                />
+            ) : (
+                fileType &&
+                isDocumentFormat(fileType) && (
+                    <Box
+                        sx={{
+                            width: imageSize[0],
+                            height: imageSize[1],
+                            display: "flex",
+                            border: "1px dashed #e1e1e1",
+                            borderBottom: "unset",
+                            alignItems: "center",
+                            justifyContent: "center",
+                        }}
+                        onClick={handleClick}
+                    >
+                        <Typography
+                            margin={2}
+                            sx={{
+                                fontWeight: 600,
+                                fontSize: "1rem",
+                                color: "#a19d9d",
+                            }}
+                            textAlign="center"
+                        >
+                            {fileName}
+                        </Typography>
+                    </Box>
+                )
+            )}
 
-      <TextField
-        id="avatar-upload"
-        type="file"
-        accept="image/*"
-        style={{ display: "none" }}
-        onChange={handleUploadChange}
-        inputRef={fileInputRef}
-      />
-      <Button
-        sx={{
-          width: "100%",
-          borderTopLeftRadius: "unset",
-          borderTopRightRadius: "unset",
-        }}
-        color="error"
-        disabled={selectedImage === "/images/upload-image.svg"}
-        endIcon={<DeleteForeverIcon />}
-        variant="contained"
-        onClick={handleDeleteImage}
-      >
-        {t("delete")}
-      </Button>
-    </Box>
-  );
+            <TextField
+                id="avatar-upload"
+                type="file"
+                accept="image/*"
+                style={{display: "none"}}
+                onChange={handleUploadChange}
+                inputRef={fileInputRef}
+            />
+            <Button
+                sx={{
+                    width: "100%",
+                    borderTopLeftRadius: "unset",
+                    borderTopRightRadius: "unset",
+                }}
+                color="error"
+                disabled={selectedImage === "/images/upload-image.svg"}
+                endIcon={<DeleteForeverIcon/>}
+                variant="contained"
+                onClick={handleDeleteImage}
+            >
+                {t("delete")}
+            </Button>
+        </Box>
+    );
 };
 
 export default UploadSystem;
 
 
-
 //////****** usage document ******/////////
 // 1.) use <UploadSystem /> component inside your page
 // 2.) list of props that you need to send is down below

src/core/components/isBotHandler.jsx

@@ -1,8 +1,8 @@
-import { NoSsr } from "@mui/material";
+import {NoSsr} from "@mui/material";
 
-const NoSsrHandler = ({ isBot, children }) => {
-  if (isBot) return children;
-  return <NoSsr>{children}</NoSsr>;
+const NoSsrHandler = ({isBot, children}) => {
+    if (isBot) return children;
+    return <NoSsr>{children}</NoSsr>;
 };
 
 export default NoSsrHandler;

src/core/components/notifications/ErrorNotification.jsx

@@ -1,40 +1,40 @@
 import DangerousIcon from "@mui/icons-material/Dangerous";
-import { Box, Typography } from "@mui/material";
-import { toast } from "react-toastify";
+import {Box, Typography} from "@mui/material";
+import {toast} from "react-toastify";
 
 const ErrorNotification = (directionApp, t, status, message) => {
-  toast(
-    ({ closeToast }) => (
-      <>
-        <Box
-          sx={{
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "start",
-            justifyContent: "start",
-          }}
-        >
-          <Box sx={{ display: "flex", alignItems: "center" }}>
-            <DangerousIcon color="error" sx={{ mr: 1.6 }} />
-            <Box sx={{ display: "flex", flexDirection: "column" }}>
-              <Typography color="error" variant="button">
-                {t("notifications.error")} ({t("notifications.code")}: {status})
-              </Typography>
-              <Typography variant="caption">
-                {message || t("notifications.error_static_text")}
-              </Typography>
-            </Box>
-          </Box>
-        </Box>
-      </>
-    ),
-    {
-      position: directionApp === "ltr" ? "top-left" : "top-right",
-      autoClose: false,
-      closeOnClick: false,
-      draggable: false,
-    }
-  );
+    toast(
+        ({closeToast}) => (
+            <>
+                <Box
+                    sx={{
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "start",
+                        justifyContent: "start",
+                    }}
+                >
+                    <Box sx={{display: "flex", alignItems: "center"}}>
+                        <DangerousIcon color="error" sx={{mr: 1.6}}/>
+                        <Box sx={{display: "flex", flexDirection: "column"}}>
+                            <Typography color="error" variant="button">
+                                {t("notifications.error")} ({t("notifications.code")}: {status})
+                            </Typography>
+                            <Typography variant="caption">
+                                {message || t("notifications.error_static_text")}
+                            </Typography>
+                        </Box>
+                    </Box>
+                </Box>
+            </>
+        ),
+        {
+            position: directionApp === "ltr" ? "top-left" : "top-right",
+            autoClose: false,
+            closeOnClick: false,
+            draggable: false,
+        }
+    );
 };
 
 export default ErrorNotification;

src/core/components/notifications/SuccessNotification.jsx

@@ -1,43 +1,43 @@
 import BeenhereIcon from "@mui/icons-material/Beenhere";
-import { Box, Typography } from "@mui/material";
-import { toast } from "react-toastify";
+import {Box, Typography} from "@mui/material";
+import {toast} from "react-toastify";
 
 const SuccessNotification = (directionApp, t, status) => {
-  toast(
-    () => (
-      <>
-        <Box
-          sx={{
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "start",
-            justifyContent: "start",
-          }}
-        >
-          <Box sx={{ display: "flex", alignItems: "center" }}>
-            <BeenhereIcon color="success" sx={{ mr: 1.6 }} />
-            <Box sx={{ display: "flex", flexDirection: "column" }}>
-              <Typography color="success.main" variant="button">
-                {t("notifications.success")} ({t("notifications.code")}:{" "}
-                {status})
-              </Typography>
-              <Typography variant="caption">
-                {t("notifications.success_static_text")}
-              </Typography>
-            </Box>
-          </Box>
-        </Box>
-      </>
-    ),
-    {
-      position: directionApp === "ltr" ? "top-left" : "top-right",
-      autoClose: 3000,
-      hideProgressBar: true,
-      pauseOnHover: true,
-      closeOnClick: false,
-      draggable: true,
-    }
-  );
+    toast(
+        () => (
+            <>
+                <Box
+                    sx={{
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "start",
+                        justifyContent: "start",
+                    }}
+                >
+                    <Box sx={{display: "flex", alignItems: "center"}}>
+                        <BeenhereIcon color="success" sx={{mr: 1.6}}/>
+                        <Box sx={{display: "flex", flexDirection: "column"}}>
+                            <Typography color="success.main" variant="button">
+                                {t("notifications.success")} ({t("notifications.code")}:{" "}
+                                {status})
+                            </Typography>
+                            <Typography variant="caption">
+                                {t("notifications.success_static_text")}
+                            </Typography>
+                        </Box>
+                    </Box>
+                </Box>
+            </>
+        ),
+        {
+            position: directionApp === "ltr" ? "top-left" : "top-right",
+            autoClose: 3000,
+            hideProgressBar: true,
+            pauseOnHover: true,
+            closeOnClick: false,
+            draggable: true,
+        }
+    );
 };
 
 export default SuccessNotification;

src/core/components/notifications/WarningNotification.jsx

@@ -1,41 +1,41 @@
 import ReportIcon from "@mui/icons-material/Report";
-import { Box, Divider, Typography } from "@mui/material";
-import { toast } from "react-toastify";
+import {Box, Divider, Typography} from "@mui/material";
+import {toast} from "react-toastify";
 
 const WarningNotification = (directionApp, t, status) => {
-  toast(
-    ({ closeToast }) => (
-      <>
-        <Box
-          sx={{
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "start",
-            justifyContent: "start",
-          }}
-        >
-          <Box sx={{ display: "flex", alignItems: "center" }}>
-            <ReportIcon color="warning" sx={{ mr: 1.6 }} />
-            <Box sx={{ display: "flex", flexDirection: "column" }}>
-              <Typography color="warning.main" variant="button">
-                {t("warning")} ({t("code")}: {status})
-              </Typography>
-              <Typography variant="caption">
-                {t("warning_static_text")}
-              </Typography>
-            </Box>
-          </Box>
-        </Box>
-        <Divider sx={{ my: 1 }} />
-      </>
-    ),
-    {
-      position: directionApp === "ltr" ? "top-left" : "top-right",
-      autoClose: false,
-      closeOnClick: false,
-      draggable: false,
-    }
-  );
+    toast(
+        ({closeToast}) => (
+            <>
+                <Box
+                    sx={{
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "start",
+                        justifyContent: "start",
+                    }}
+                >
+                    <Box sx={{display: "flex", alignItems: "center"}}>
+                        <ReportIcon color="warning" sx={{mr: 1.6}}/>
+                        <Box sx={{display: "flex", flexDirection: "column"}}>
+                            <Typography color="warning.main" variant="button">
+                                {t("warning")} ({t("code")}: {status})
+                            </Typography>
+                            <Typography variant="caption">
+                                {t("warning_static_text")}
+                            </Typography>
+                        </Box>
+                    </Box>
+                </Box>
+                <Divider sx={{my: 1}}/>
+            </>
+        ),
+        {
+            position: directionApp === "ltr" ? "top-left" : "top-right",
+            autoClose: false,
+            closeOnClick: false,
+            draggable: false,
+        }
+    );
 };
 
 export default WarningNotification;

src/core/components/notifications/index.jsx

@@ -1,45 +1,45 @@
-import { toast } from "react-toastify";
+import {toast} from "react-toastify";
 import ErrorNotification from "./ErrorNotification";
 import SuccessNotification from "./SuccessNotification";
 import WarningNotification from "./WarningNotification";
 
 const Notifications = async (directionApp, t, response) => {
-  const { status, data } = response != undefined ? response : ""
-  toast.dismiss();
-  switch (status) {
-    case 200:
-      SuccessNotification(directionApp, t, status);
-      break;
-    case 400:
-      ErrorNotification(directionApp, t,status);
-      break;
-    case 401:
-      ErrorNotification(directionApp, t, status);
-      break;
-    case 403:
-      ErrorNotification(directionApp, t, status);
-      break;
-    case 422:
-      ErrorNotification(directionApp, t, status, data.message);
-      break;
-    case 500:
-      WarningNotification(directionApp, t, status);
-      break;
-    case 503:
-      WarningNotification(directionApp, t, status);
-      break;
-    case 504:
-      WarningNotification(directionApp, t, status);
-      break;
-    default:
-      toast(t("pending"), {
-        position: directionApp === "ltr" ? "top-left" : "top-right",
-        autoClose: false,
-        closeOnClick: false,
-        draggable: false,
-      });
-      break;
-  }
+    const {status, data} = response != undefined ? response : ""
+    toast.dismiss();
+    switch (status) {
+        case 200:
+            SuccessNotification(directionApp, t, status);
+            break;
+        case 400:
+            ErrorNotification(directionApp, t, status);
+            break;
+        case 401:
+            ErrorNotification(directionApp, t, status);
+            break;
+        case 403:
+            ErrorNotification(directionApp, t, status);
+            break;
+        case 422:
+            ErrorNotification(directionApp, t, status, data.message);
+            break;
+        case 500:
+            WarningNotification(directionApp, t, status);
+            break;
+        case 503:
+            WarningNotification(directionApp, t, status);
+            break;
+        case 504:
+            WarningNotification(directionApp, t, status);
+            break;
+        default:
+            toast(t("pending"), {
+                position: directionApp === "ltr" ? "top-left" : "top-right",
+                autoClose: false,
+                closeOnClick: false,
+                draggable: false,
+            });
+            break;
+    }
 };
 
 export default Notifications;

src/core/data/headerProfileItems.jsx

@@ -1,7 +1,3 @@
-import BorderColorIcon from "@mui/icons-material/BorderColor";
-import PasswordIcon from "@mui/icons-material/Password";
-
-const headerProfileItems = [
-];
+const headerProfileItems = [];
 
 export default headerProfileItems;

src/core/data/sidebarMenu.jsx

@@ -3,29 +3,29 @@ import BookmarkAddedIcon from "@mui/icons-material/BookmarkAdded";
 import DataSaverOnIcon from "@mui/icons-material/DataSaverOn";
 
 const sidebarMenu = [
-  [
-    {
-      key: "sidebar.dashboard",
-      type: "page",
-      route: "/dashboard",
-      icon: <SpaceDashboardIcon />,
-      selected: false,
-    },
-    {
-      key: "sidebar.loan-request",
-      type: "page",
-      route: "/dashboard/loan-request",
-      icon: <DataSaverOnIcon />,
-      selected: false,
-    },
-    {
-      key: "sidebar.loan-follow-up",
-      type: "page",
-      route: "/dashboard/loan-follow-up",
-      icon: <BookmarkAddedIcon />,
-      selected: false,
-    },
-  ],
+    [
+        {
+            key: "sidebar.dashboard",
+            type: "page",
+            route: "/dashboard",
+            icon: <SpaceDashboardIcon/>,
+            selected: false,
+        },
+        {
+            key: "sidebar.loan-request",
+            type: "page",
+            route: "/dashboard/loan-request",
+            icon: <DataSaverOnIcon/>,
+            selected: false,
+        },
+        {
+            key: "sidebar.loan-follow-up",
+            type: "page",
+            route: "/dashboard/loan-follow-up",
+            icon: <BookmarkAddedIcon/>,
+            selected: false,
+        },
+    ],
 ];
 
 export default sidebarMenu;

src/core/utils/createEmotionCache.jsx

@@ -1,38 +1,38 @@
 import createCache from "@emotion/cache";
-import { prefixer } from "stylis";
+import {prefixer} from "stylis";
 import stylisRTLPlugin from "stylis-plugin-rtl";
 
 const isBrowser = typeof document !== "undefined";
 
 export const createEmotionCacheLtr = () => {
-  let insertionPoint;
+    let insertionPoint;
 
-  if (isBrowser) {
-    const emotionInsertionPoint = document.querySelector(
-      'meta[name="emotion-insertion-point"]'
-    );
-    insertionPoint = emotionInsertionPoint ?? undefined;
-  }
+    if (isBrowser) {
+        const emotionInsertionPoint = document.querySelector(
+            'meta[name="emotion-insertion-point"]'
+        );
+        insertionPoint = emotionInsertionPoint ?? undefined;
+    }
 
-  return createCache({
-    key: "mui-style",
-    insertionPoint,
-  });
+    return createCache({
+        key: "mui-style",
+        insertionPoint,
+    });
 };
 
 export const createEmotionCacheRtl = () => {
-  let insertionPoint;
+    let insertionPoint;
 
-  if (isBrowser) {
-    const emotionInsertionPoint = document.querySelector(
-      'meta[name="emotion-insertion-point"]'
-    );
-    insertionPoint = emotionInsertionPoint ?? undefined;
-  }
+    if (isBrowser) {
+        const emotionInsertionPoint = document.querySelector(
+            'meta[name="emotion-insertion-point"]'
+        );
+        insertionPoint = emotionInsertionPoint ?? undefined;
+    }
 
-  return createCache({
-    key: "muirtl",
-    stylisPlugins: [prefixer, stylisRTLPlugin],
-    insertionPoint,
-  });
+    return createCache({
+        key: "muirtl",
+        stylisPlugins: [prefixer, stylisRTLPlugin],
+        insertionPoint,
+    });
 };

src/core/utils/theme-rtl.jsx

@@ -1,12 +1,12 @@
-import { createTheme } from "@mui/material/styles";
+import {createTheme} from "@mui/material/styles";
 import theme from "./theme";
 
 const themeRtl = createTheme({
-  direction: "rtl",
-  typography: {
-    fontFamily: `IRANSans, sans-serif`,
-  },
-  ...theme,
+    direction: "rtl",
+    typography: {
+        fontFamily: `IRANSans, sans-serif`,
+    },
+    ...theme,
 });
 
 export default themeRtl;

src/core/utils/theme.jsx

@@ -1,18 +1,18 @@
 const theme = {
-  palette: {
-    primary: {
-      main: "#084070",
-      contrastText: "#fff",
-      light: "#2c6291",
-      dark: "#11293e",
+    palette: {
+        primary: {
+            main: "#084070",
+            contrastText: "#fff",
+            light: "#2c6291",
+            dark: "#11293e",
+        },
+        secondary: {
+            main: "#FF4E00",
+            contrastText: "#fff",
+            light: "#ed743e",
+            dark: "#ad3a07",
+        },
     },
-    secondary: {
-      main: "#FF4E00",
-      contrastText: "#fff",
-      light: "#ed743e",
-      dark: "#ad3a07",
-    },
-  },
 };
 
 export default theme;