Rename the files with the appropriate structure

src/components/dashboard/first/index.jsx

@@ -1,7 +1,7 @@
 import DashboardLayouts from "@/layouts/dashboardLayouts";
 
-const DashboardFirstComponent = () => {
+const FirstComponent = () => {
     return <DashboardLayouts></DashboardLayouts>;
 };
 
-export default DashboardFirstComponent;
+export default FirstComponent;

src/components/dashboard/loan-follow-up/index.jsx

@@ -48,7 +48,7 @@ const data = [
     },
 ];
 
-const DashboardLoanFollowUpComponent = () => {
+const LoanFollowUpComponent = () => {
     const t = useTranslations();
     const {token} = useUser();
 
@@ -120,4 +120,4 @@ const DashboardLoanFollowUpComponent = () => {
     );
 };
 
-export default DashboardLoanFollowUpComponent;
+export default LoanFollowUpComponent;

src/components/dashboard/loan-request/NavyForm.jsx

@@ -13,7 +13,7 @@ import {useTranslations} from "next-intl";
 import {useEffect, useState} from "react";
 import * as Yup from "yup";
 
-const NavyForm = () => {
+const NavyFormComponent = () => {
     const t = useTranslations();
     const {directionApp} = useDirection();
     const {token} = useUser();
@@ -486,4 +486,4 @@ const NavyForm = () => {
     );
 };
 
-export default NavyForm;
+export default NavyFormComponent;

src/components/dashboard/loan-request/WelfareServicesForm.jsx

@@ -12,7 +12,7 @@ import {useTranslations} from "next-intl";
 import {useState} from "react";
 import * as Yup from "yup";
 
-const WelfareServicesForm = () => {
+const WelfareServicesFormComponent = () => {
     const t = useTranslations();
     const {directionApp} = useDirection();
     const {token} = useUser();
@@ -433,4 +433,4 @@ const WelfareServicesForm = () => {
     );
 };
 
-export default WelfareServicesForm;
+export default WelfareServicesFormComponent;

src/components/dashboard/loan-request/index.jsx

@@ -1,12 +1,12 @@
 import CenterLayout from "@/layouts/CenterLayout";
 import DashboardLayouts from "@/layouts/dashboardLayouts";
 import useUser from "@/lib/app/hooks/useUser";
-import NavyForm from "./NavyForm";
+import NavyFormComponent from "./NavyForm";
-import WelfareServicesForm from "./WelfareServicesForm";
+import WelfareServicesFormComponent from "./WelfareServicesForm";
 import {Box, Chip, Divider} from "@mui/material";
 import {useTranslations} from "next-intl";
 
-const DashboardLoanRequestComponent = () => {
+const LoanRequestComponent = () => {
     const t = useTranslations();
     const {user} = useUser();
 
@@ -22,10 +22,10 @@ const DashboardLoanRequestComponent = () => {
                         />
                     </Divider>
                 </Box>
-                {user.type_id == 1 ? <NavyForm/> : <WelfareServicesForm/>}
+                {user.type_id == 1 ? <NavyFormComponent/> : <WelfareServicesFormComponent/>}
             </CenterLayout>
         </DashboardLayouts>
     );
 };
 
-export default DashboardLoanRequestComponent;
+export default LoanRequestComponent;

src/components/first/index.jsx

@@ -1,4 +1,4 @@
-import dahsboardImage from "&/images/dashboard.svg";
+import dashboardImage from "&/images/dashboard.svg";
 import {NextLinkComposed} from "@/core/components/LinkRouting";
 import StyledImage from "@/core/components/StyledImage";
 import CenterLayout from "@/layouts/CenterLayout";
@@ -15,7 +15,7 @@ const FirstComponent = () => {
         <FullPageLayout sx={{p: 1}}>
             <CenterLayout spacing={3}>
                 <StyledImage
-                    src={dahsboardImage}
+                    src={dashboardImage}
                     alt={t("app_name")}
                     width={300}
                     height={200}

src/components/login/SendToken.jsx

@@ -15,13 +15,13 @@ import {useTranslations} from "next-intl";
 import Image from "next/image";
 import * as Yup from "yup";
 
-const SendToken = ({
+const SendTokenComponent = ({
-                       PhoneNumber,
+                                PhoneNumber,
-                       setOtpToken,
+                                setOtpToken,
-                       timer,
+                                timer,
-                       setTimer,
+                                setTimer,
-                       initialTimerValue,
+                                initialTimerValue,
-                   }) => {
+                            }) => {
     const t = useTranslations();
     const {directionApp} = useDirection();
     const {setToken} = useUser();
@@ -155,4 +155,4 @@ const SendToken = ({
     );
 };
 
-export default SendToken;
+export default SendTokenComponent;

src/components/login/SendUserData.jsx

@@ -15,13 +15,13 @@ import Image from "next/image";
 import {useSearchParams} from "next/navigation";
 import * as Yup from "yup";
 
-const SendUserData = ({
+const SendUserDataComponent = ({
-                          setOtpToken,
+                                   setOtpToken,
-                          setPhoneNumber,
+                                   setPhoneNumber,
-                          PhoneNumber,
+                                   PhoneNumber,
-                          setTimer,
+                                   setTimer,
-                          initialTimerValue,
+                                   initialTimerValue,
-                      }) => {
+                               }) => {
     const t = useTranslations();
     const {directionApp} = useDirection();
 
@@ -161,4 +161,4 @@ const SendUserData = ({
     );
 };
 
-export default SendUserData;
+export default SendUserDataComponent;

src/components/login/index.jsx

@@ -1,6 +1,6 @@
 import {useState} from "react";
-import SendToken from "./SendToken";
+import SendTokenComponent from "./SendToken";
-import SendUserData from "./SendUserData";
+import SendUserDataComponent from "./SendUserData";
 
 const LoginComponent = () => {
     const [otpToken, setOtpToken] = useState(false);
@@ -13,7 +13,7 @@ const LoginComponent = () => {
 
     if (!otpToken) {
         return (
-            <SendUserData
+            <SendUserDataComponent
                 setOtpToken={setOtpToken}
                 setPhoneNumber={setPhoneNumber}
                 PhoneNumber={PhoneNumber}
@@ -23,7 +23,7 @@ const LoginComponent = () => {
         );
     } else {
         return (
-            <SendToken
+            <SendTokenComponent
                 PhoneNumber={PhoneNumber}
                 setOtpToken={setOtpToken}
                 timer={timer}

src/components/register/RequestOtp.jsx

@@ -14,13 +14,13 @@ import Image from "next/image";
 import {useSearchParams} from "next/navigation";
 import * as Yup from "yup";
 
-const RequestOtp = ({
+const RequestOtpComponent = ({
-                        setOtpToken,
+                                 setOtpToken,
-                        setPhoneNumber,
+                                 setPhoneNumber,
-                        PhoneNumber,
+                                 PhoneNumber,
-                        setTimer,
+                                 setTimer,
-                        initialTimerValue,
+                                 initialTimerValue,
-                    }) => {
+                             }) => {
     const t = useTranslations();
     const {directionApp} = useDirection();
 
@@ -140,4 +140,4 @@ const RequestOtp = ({
     );
 };
 
-export default RequestOtp;
+export default RequestOtpComponent;

src/components/register/navy/UserRegister.jsx

@@ -15,13 +15,13 @@ import * as Yup from "yup";
 import ResendToken from "@/core/components/ResendToken";
 import useUser from "@/lib/app/hooks/useUser";
 
-const UserRegister = ({
+const UserRegisterComponent = ({
-                          PhoneNumber,
+                                   PhoneNumber,
-                          setOtpToken,
+                                   setOtpToken,
-                          initialTimerValue,
+                                   initialTimerValue,
-                          timer,
+                                   timer,
-                          setTimer,
+                                   setTimer,
-                      }) => {
+                               }) => {
     const t = useTranslations();
     const {directionApp} = useDirection();
     const {setToken} = useUser();
@@ -209,4 +209,4 @@ const UserRegister = ({
     );
 };
 
-export default UserRegister;
+export default UserRegisterComponent;

src/components/register/navy/index.jsx

@@ -1,6 +1,6 @@
 import {useState} from "react";
-import RequestOtp from "../RequestOtp";
+import RequestOtpComponent from "../RequestOtp";
-import UserRegister from "./UserRegister";
+import UserRegisterComponent from "./UserRegister";
 
 const NavyComponent = () => {
     const [otpToken, setOtpToken] = useState(false);
@@ -13,7 +13,7 @@ const NavyComponent = () => {
 
     if (!otpToken) {
         return (
-            <RequestOtp
+            <RequestOtpComponent
                 setOtpToken={setOtpToken}
                 PhoneNumber={PhoneNumber}
                 setPhoneNumber={setPhoneNumber}
@@ -23,7 +23,7 @@ const NavyComponent = () => {
         );
     } else {
         return (
-            <UserRegister
+            <UserRegisterComponent
                 PhoneNumber={PhoneNumber}
                 setOtpToken={setOtpToken}
                 timer={timer}

src/components/register/welfare-services/UserRegister.jsx

@@ -15,13 +15,13 @@ import * as Yup from "yup";
 import ResendToken from "@/core/components/ResendToken";
 import useUser from "@/lib/app/hooks/useUser";
 
-const UserRegister = ({
+const UserRegisterComponent = ({
-                          PhoneNumber,
+                                   PhoneNumber,
-                          setOtpToken,
+                                   setOtpToken,
-                          initialTimerValue,
+                                   initialTimerValue,
-                          timer,
+                                   timer,
-                          setTimer,
+                                   setTimer,
-                      }) => {
+                               }) => {
     const t = useTranslations();
     const {directionApp} = useDirection();
     const {setToken} = useUser();
@@ -185,4 +185,4 @@ const UserRegister = ({
     );
 };
 
-export default UserRegister;
+export default UserRegisterComponent;

src/components/register/welfare-services/index.jsx

@@ -1,8 +1,8 @@
 import {useState} from "react";
-import RequestOtp from "../RequestOtp";
+import RequestOtpComponent from "../RequestOtp";
-import UserRegister from "./UserRegister";
+import UserRegisterComponent from "./UserRegister";
 
-const NavyComponent = () => {
+const WelfareServicesComponent = () => {
     const [otpToken, setOtpToken] = useState(false);
     const [PhoneNumber, setPhoneNumber] = useState("");
 
@@ -13,7 +13,7 @@ const NavyComponent = () => {
 
     if (!otpToken) {
         return (
-            <RequestOtp
+            <RequestOtpComponent
                 setOtpToken={setOtpToken}
                 PhoneNumber={PhoneNumber}
                 setPhoneNumber={setPhoneNumber}
@@ -23,7 +23,7 @@ const NavyComponent = () => {
         );
     } else {
         return (
-            <UserRegister
+            <UserRegisterComponent
                 PhoneNumber={PhoneNumber}
                 setOtpToken={setOtpToken}
                 timer={timer}
@@ -34,4 +34,4 @@ const NavyComponent = () => {
     }
 };
 
-export default NavyComponent;
+export default WelfareServicesComponent;

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/pages/404.jsx

@@ -1,4 +1,4 @@
-import NotFoundComponent from "@/components/not-found";
+import NotFoundComponent from "@/components/NotFound";
 import Head from "next/head";
 
 export default function NotFound() {

src/pages/dashboard/index.jsx

@@ -1,11 +1,11 @@
-import DashboardFirstComponent from "@/components/dashboard/first";
+import FirstComponent from "@/components/dashboard/first";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
 export default function Dashboard() {
     return (
         <WithAuthMiddleware>
-            <DashboardFirstComponent/>
+            <FirstComponent/>
         </WithAuthMiddleware>
     );
 }

src/pages/dashboard/loan-follow-up/index.jsx

@@ -1,11 +1,11 @@
-import DashboardLoanFollowUpComponent from "@/components/dashboard/loan-follow-up";
+import LoanFollowUpComponent from "@/components/dashboard/loan-follow-up";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
 export default function LoanFollowUp() {
     return (
         <WithAuthMiddleware>
-            <DashboardLoanFollowUpComponent/>
+            <LoanFollowUpComponent/>
         </WithAuthMiddleware>
     );
 }

src/pages/dashboard/loan-request/index.jsx

@@ -1,11 +1,11 @@
-import DashboardLoanRequestComponent from "@/components/dashboard/loan-request";
+import LoanRequestComponent from "@/components/dashboard/loan-request";
 import WithAuthMiddleware from "@/middlewares/WithAuth";
 import {parse} from "next-useragent";
 
 export default function LoanRequest() {
     return (
         <WithAuthMiddleware>
-            <DashboardLoanRequestComponent/>
+            <LoanRequestComponent/>
         </WithAuthMiddleware>
     );
 }