fix: Display diagonal line pattern on login background

- Combine background color and pattern in single style attribute
- Use white semi-transparent lines (rgba 0.03 opacity)
- 45deg angle, 35px spacing, 2px width
- Remove separate overlay div to ensure pattern visibility

src/ui/desktop/authentication/Auth.tsx

@@ -842,22 +842,21 @@ export function Auth({
       <div className="w-full h-full flex flex-col md:flex-row">
 
         {/* Left Side - Brand Showcase */}
-        <div className="hidden md:flex md:w-2/5 bg-dark-bg-darker items-center justify-center relative overflow-hidden">
+        <div
-          {/* Diagonal Lines Background */}
+          className="hidden md:flex md:w-2/5 items-center justify-center relative"
-          <div
+          style={{
-            className="absolute inset-0 opacity-[0.03]"
+            background: '#0e0e10',
-            style={{
+            backgroundImage: `repeating-linear-gradient(
-              backgroundImage: `repeating-linear-gradient(
+              45deg,
-                45deg,
+              transparent,
-                hsl(var(--primary)),
+              transparent 35px,
-                hsl(var(--primary)) 1px,
+              rgba(255, 255, 255, 0.03) 35px,
-                transparent 1px,
+              rgba(255, 255, 255, 0.03) 37px
-                transparent 40px
+            )`
-              )`
+          }}
-            }}
+        >
-          />
           {/* Logo and Branding */}
-          <div className="relative z-10 text-center px-8">
+          <div className="relative text-center px-8">
             <div
               className="text-7xl font-bold tracking-wider mb-4 text-foreground"
               style={{