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 WelfareServicesForm from "./WelfareServicesForm";
+import NavyFormComponent from "./NavyForm";
+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;