show diffrent between welfare and navy to user

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

@@ -3,14 +3,25 @@ import DashboardLayouts from "@/layouts/dashboardLayouts";
 import useUser from "@/lib/app/hooks/useUser";
 import NavyForm from "./NavyForm";
 import WelfareServicesForm from "./WelfareServicesForm";
+import { Divider, Chip, Box } from "@mui/material";
+import { useTranslations } from "next-intl";
 
 const DashboardLoanRequestComponent = () => {
-  
-  const { token, user } = useUser();
+  const t = useTranslations();
+  const { user } = useUser();
 
   return (
     <DashboardLayouts>
       <CenterLayout>
+        <Box sx={{ width: "80%", my: 2 }}>
+          <Divider>
+            <Chip
+              label={`${t("LoanRequest.loan_request_page")} | ${
+                user.type_name
+              }`}
+            />
+          </Divider>
+        </Box>
         {user.type_id == 1 ? <NavyForm /> : <WelfareServicesForm />}
       </CenterLayout>
     </DashboardLayouts>