LFFE-14 Create test for first page

src/components/first/index.jsx

@@ -1,11 +1,10 @@
-import {NextLinkComposed} from "@/core/components/LinkRouting";
+import LinkRouting, {NextLinkComposed} from "@/core/components/LinkRouting";
 import CenterLayout from "@/layouts/CenterLayout";
 import FullPageLayout from "@/layouts/FullPageLayout";
 import useUser from "@/lib/app/hooks/useUser";
 import {Button, Stack, Typography} from "@mui/material";
 import {useTranslations} from "next-intl";
 import SvgDashboard from "@/core/components/svgs/SvgDashboard";
-import process from "next/dist/build/webpack/loaders/resolve-url-loader/lib/postcss";
 
 const FirstComponent = () => {
     const t = useTranslations();
@@ -18,28 +17,16 @@ const FirstComponent = () => {
                 <Typography variant="h5" sx={{textAlign: "center"}}>
                     {t("app_name")}
                 </Typography>
-                {isAuth ? (
-                    <Button
-                        variant="outlined"
-                        component={NextLinkComposed}
-                        to={{
-                            pathname: "/dashboard",
-                        }}
-                    >
-                        {t("dashboard")}
-                    </Button>
-                ) : (
-                    <Button
-                        sx={{mx: 2}}
-                        variant="contained"
-                        component={NextLinkComposed}
-                        to={{
-                            pathname: "/login-expert",
-                        }}
-                    >
-                        {t("login_expert")}
-                    </Button>
-                )}
+                <Button
+                    data-testid="button-login-or-dashboard"
+                    variant={isAuth ? "outlined" : "contained"}
+                    component={NextLinkComposed}
+                    to={{
+                        pathname: isAuth ? "/dashboard" : "/login-expert",
+                    }}
+                >
+                    {isAuth ? t("dashboard") : t("login_expert")}
+                </Button>
             </CenterLayout>
             <Stack direction="row" alignItems="center" justifyContent="center">
                 <Typography variant={"caption"}
@@ -47,10 +34,22 @@ const FirstComponent = () => {
                                 color: 'primary.main',
                                 fontFamily: 'Arial',
                                 fontWeight: 'bold'
-                            }}>v{process.env.NEXT_PUBLIC_API_VERSION}</Typography>
+                            }}
+                >
+                    v{process.env.NEXT_PUBLIC_API_VERSION}
+                </Typography>
+            </Stack>
+            <Stack direction="row" alignItems="center" justifyContent="center">
+                <LinkRouting
+                    sx={{margin: 0.5, fontSize: "14px"}}
+                    href={process.env.NEXT_PUBLIC_POWERED_BY_URL}
+                    target="_blank"
+                >
+                    {t("powered_by_witel")}
+                </LinkRouting>
             </Stack>
         </FullPageLayout>
     );
 };
 
-export default FirstComponent;
+export default FirstComponent;