add layout changes

.gitignore

@@ -23,3 +23,4 @@ dist-ssr
 *.sln
 *.sw?
 .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,9 +1,51 @@
 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 class="authentication-wrapper authentication-cover">
+        <div class="authentication-inner row m-0">
+          {/* <!-- /Left Text --> */}
+          <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"
+                  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 className="container-xxl">
         <div className="authentication-wrapper authentication-basic container-p-y">
           <div className="authentication-inner">
             <div className="card">
@@ -28,6 +70,7 @@ export const AuthWrapper = ({ children }) => {
             </div>
           </div>
         </div>
-    </div>
+      </div> */}
+    </>
   );
 };

src/pages/authentication/LoginPage.jsx

@@ -151,7 +151,6 @@ const LoginPage = () => {
               )}
             </div>
 
-
             <div className="mb-3 d-flex justify-content-between">
               <div className="form-check d-flex">
                 <input