add layout changes

.gitignore

@@ -22,4 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-.vs/
+.vs/
+.scannerwork/

public/assets/css/default.css

@@ -7,7 +7,7 @@
 .login-box {
   margin: 0 auto;
   /* justify-content: center; */
-  width: 50%;
+  /* width: 50%; */
   min-width: 350px;
 }
 

sonar-project.properties

@@ -0,0 +1,21 @@
+# Required metadata
+sonar.projectKey=pms-react
+sonar.projectName=My React Application
+sonar.projectVersion=1.0.0
+
+# Path to the sources
+sonar.sources=src
+
+# Encoding of the source files
+sonar.sourceEncoding=UTF-8
+
+# Exclusions
+sonar.exclusions=**/node_modules/**,**/*.spec.js,**/*.test.js,src/reportWebVitals.js,src/setupTests.js
+
+# Language-specific properties (for JavaScript/TypeScript)
+sonar.language=js
+sonar.javascript.lcov.reportPaths=coverage/lcov.info
+
+# SonarQube server details (optional if set globally or via command line)
+sonar.host.url=http://sonar.marcoaiot.com
+sonar.token=sqp_ce74dc25bcd924e04b2202252cff26a03afa3707

src/pages/authentication/AuthWrapper.jsx

@@ -1,13 +1,30 @@
 import React from "react";
 import { Link } from "react-router-dom";
 import "./page-auth.css";
+// import { hero1 } from "/public/img/backgrounds/18.jpg";
 export const AuthWrapper = ({ children }) => {
   return (
-    <div className="container-xxl">
+    <>
-      <div className="authentication-wrapper authentication-basic container-p-y">
+      <div class="authentication-wrapper authentication-cover">
-        <div className="authentication-inner">
+        <div class="authentication-inner row m-0">
-          <div className="card">
+          {/* <!-- /Left Text --> */}
-            <div className="card-body">
+          <div class="d-none d-lg-flex col-lg-7 col-xl-8 align-items-center p-5">
+            <div class="w-100 d-flex justify-content-center">
+              <img
+                src="/img/hero/03.jpg"
+                class="img-fluid"
+                alt="Login image"
+                width="700"
+                style={{ width: "100%", opacity: "80%" }}
+              />
+            </div>
+          </div>
+          {/* <!-- /Left Text --> */}
+
+          {/* <!-- Login --> */}
+          <div class="d-flex col-12 col-lg-5 col-xl-4 align-items-center authentication-bg p-sm-12 p-6">
+            <div class="w-px-400 mx-auto mt-12 pt-5">
+              {" "}
               <div className="app-brand justify-content-center">
                 <Link
                   aria-label="Go to Home Page"
@@ -28,6 +45,32 @@ export const AuthWrapper = ({ children }) => {
           </div>
         </div>
       </div>
-    </div>
+      {/* <div className="container-xxl">
+        <div className="authentication-wrapper authentication-basic container-p-y">
+          <div className="authentication-inner">
+            <div className="card">
+              <div className="card-body">
+                <div className="app-brand justify-content-center">
+                  <Link
+                    aria-label="Go to Home Page"
+                    to="/"
+                    className="app-brand-link gap-2"
+                  >
+                    <span className="app-brand-logo rounded-circle ">
+                      <img
+                        src="/img/brand/marco.png"
+                        alt="marco-logo"
+                        className="app-brand-logo-login"
+                      />
+                    </span>
+                  </Link>
+                </div>
+                {children}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> */}
+    </>
   );
 };

src/pages/authentication/LoginPage.jsx

@@ -19,13 +19,13 @@ const LoginPage = () => {
 
   const loginSchema = IsLoginWithOTP
     ? z.object({
-      username: z.string().email({ message: "Valid email required" }),
+        username: z.string().email({ message: "Valid email required" }),
-    })
+      })
     : z.object({
-      username: z.string().email({ message: "Valid email required" }),
+        username: z.string().email({ message: "Valid email required" }),
-      password: z.string().min(1, { message: "Password required" }),
+        password: z.string().min(1, { message: "Password required" }),
-      rememberMe: z.boolean(),
+        rememberMe: z.boolean(),
-    });
+      });
 
   const {
     register,
@@ -151,7 +151,6 @@ const LoginPage = () => {
               )}
             </div>
 
-
             <div className="mb-3 d-flex justify-content-between">
               <div className="form-check d-flex">
                 <input