Blur the sign on page image

src/components/AuthPages/AuthLayout.jsx

@@ -1,28 +1,25 @@
 import React from "react";
 import loginThumb from "../../assets/images/auth-thumb.svg";
-import logo from "../../assets/images/light-logo.png"; //logo-1.svg";
+import logo from "../../assets/images/light-logo.png";
 
+/**
+ * Renders a login layout with a slogan and child components.
+ * The layout adjusts its height based on the screen height.
+ * @returns {React.Component} The rendered login layout.
+ */
 export default function LoginLayout({ slogan, children }) {
-  const checkScreenHeight = window.screen.height;
-  let screen = "";
-  if (checkScreenHeight <= 950) {
-    screen = "h-screen";
-    // screen = "h-[950px]";
-  } else {
-    screen = "h-screen";
-  }
+  const screen = window.screen.height <= 950 ? "h-screen" : "h-screen";
+
   return (
     <div className="layout-wrapper">
       <div className={`main-wrapper w-full ${screen}`}>
         <div className="flex w-full h-full">
           <div className="xl:flex hidden w-1/2 h-full p-[70px]  flex-col justify-between primary-home">
-          {/*
-           <div className="logo">
+            {/* <div className="logo">
               <img src={logo} alt="logo" />
-            </div>
-          */} 
+            </div> */}
             <div className="thumbnail flex justify-center">
-             {/*  <img src={loginThumb} alt="login-thumb" />*/}
+              {/* <img src={loginThumb} alt="login-thumb" /> */}
             </div>
             <div className="article w-[600px]">
               <p className="text-[60px] font-bold leading-[72px] text-white">
@@ -31,10 +28,10 @@ export default function LoginLayout({ slogan, children }) {
             </div>
           </div>
           <div className="flex-1 flex justify-center items-center">
-            {children && children}
+            {children}
           </div>
         </div>
       </div>
     </div>
   );
-}
+}