Feat: Add background to next login page #3221 (#4474)

### What problem does this PR solve?

Feat: Add background to next login page #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/.prettierrc

@@ -4,5 +4,9 @@
   "trailingComma": "all",
   "proseWrap": "never",
   "overrides": [{ "files": ".prettierrc", "options": { "parser": "json" } }],
-  "plugins": ["prettier-plugin-organize-imports", "prettier-plugin-packagejson"]
+  "plugins": [
+    "prettier-plugin-organize-imports",
+    "prettier-plugin-packagejson"
+  ],
+  "endOfLine": "lf"
 }

web/src/pages/login-next/index.tsx

@@ -97,7 +97,7 @@ const Login = () => {
   const step = Number((searchParams.get('step') ?? Step.SignIn) as Step);
 
   return (
-    <div className="w-full h-full flex items-center pl-[15%]">
+    <div className="w-full h-full flex items-center pl-[15%] bg-[url('@/assets/svg/next-login-bg.svg')]">
       <div className="inline-block">
         {step === Step.SignIn && <SignInCard></SignInCard>}
         {step === Step.SignUp && <SignUpCard></SignUpCard>}