favicon manifest

public/manifest.json

@@ -0,0 +1,57 @@
+{
+  "short_name": "Loan Facilities Dashboard",
+  "name": "Loan Facilities Dashboard",
+  "description": "Loan Facilities",
+  "version": "1.0.0",
+  "version_name": "1.0.0 beta",
+  "start_url": "/dashboard",
+  "orientation": "portrait",
+  "display": "standalone",
+  "theme_color": "#5B36DB",
+  "background_color": "#5B36DB",
+  "icons": [
+    {
+      "src": "/icons/maskable_icon.png",
+      "sizes": "any",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/maskable_icon_x48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/maskable_icon_x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/maskable_icon_x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/maskable_icon_x128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/maskable_icon_x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/maskable_icon_x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/maskable_icon_x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "categories": [
+    "travel"
+  ]
+}

src/components/dashboard/change-password/index.jsx

@@ -96,7 +96,7 @@ const DashboardChangePasswordComponent = () => {
                                         <Box
                                             sx={{position: "relative", width: "100%", height: 200}}
                                         >
-                                            <Image fill src="/images/change-password.svg" alt=""/>
+                                            <Image fill src="/images/change-password.svg" alt="" priority/>
                                         </Box>
                                         <Typography margin={2} variant="h4" textAlign="center">
                                             {t("ChangePassword.typography_change_password")}

src/components/login-expert/index.jsx

@@ -64,7 +64,7 @@ const LoginComponent = () => {
                                     <Box
                                         sx={{position: "relative", width: "100%", height: 200}}
                                     >
-                                        <Image fill src="/images/login.svg" alt={t("app_name")}/>
+                                        <Image fill src="/images/login.svg" alt={t("app_name")} priority/>
                                     </Box>
                                     <Typography margin={2} variant="h4" textAlign="center">
                                         {t("login_expert")}

src/layouts/AppLayout.jsx

@@ -83,13 +83,13 @@ function AppLayout({children, isBot}) {
                     rel="icon"
                     type="image/svg"
                     sizes="32x32"
-                    href="/images/logo.png"
+                    href="/images/logo.svg"
                 />
                 <link
                     rel="icon"
                     type="image/svg"
                     sizes="16x16"
-                    href="/images/logo.png"
+                    href="/images/logo.svg"
                 />
             </Head>
             <NextNProgress

src/pages/_app.jsx

@@ -9,13 +9,14 @@ import {NextIntlProvider} from "next-intl";
 import TitlePage from "@/core/components/TitlePage";
 
 const App = ({Component, pageProps}) => {
+
     return (
         <>
             <UserProvider>
                 <LanguageProvider>
                     <NextIntlProvider messages={pageProps.messages || {}}>
                         <MuiLayout isBot={pageProps.isBot}>
-                            {pageProps.message ? <TitlePage text={pageProps.title}/> : ''}
+                            {pageProps.messages ? <TitlePage text={pageProps.title}/> : ''}
                             <LoadingProvider>
                                 <AppLayout isBot={pageProps.isBot}>
                                     <Component {...pageProps} />