V16 login photo (#19212)

* remove curves

* new photo

* Revert "remove curves"

This reverts commit f691d1762f09f38a159c6162e95f6c068fb626a0.

* re-introduce curves

* fix the edge of the lines

* fix edge of lines

* use color-background for alignment with login screen

* chore: replace login image in mocks

---------

Co-authored-by: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>

src/Umbraco.Web.UI.Client/src/packages/core/auth/modals/umb-app-auth-modal.element.ts

@@ -170,7 +170,7 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
 		css`
 			:host {
 				display: block;
-				background: var(--uui-color-surface, #f4f4f4);
+				background: var(--uui-color-background, #f4f4f4);
 
 				--curves-color: var(--umb-login-curves-color, #f5c1bc);
 				--curves-display: var(--umb-login-curves-display, inline);
@@ -204,13 +204,13 @@ export class UmbAppAuthModalElement extends UmbModalBaseElement<UmbModalAppAuthC
 			}
 
 			#curve-top {
-				top: 0px;
-				right: 0px;
+				top: -9%;
+				right: -9%;
 			}
 
 			#curve-bottom {
-				bottom: 0px;
-				left: 0px;
+				bottom: -0.5%;
+				left: -0.1%;
 			}
 
 			#content-container {

src/Umbraco.Web.UI.Login/src/components/layouts/auth-layout.element.ts

@@ -178,13 +178,13 @@ export class UmbAuthLayoutElement extends UmbLitElement {
 			}
 
 			#curve-top {
-				top: 0;
-				right: 0;
+				top: -9%;
+				right: -9%;
 			}
 
 			#curve-bottom {
-				bottom: 0;
-				left: 0;
+				bottom: -0.5%;
+				left: -0.1%;
 			}
 
 			#logo-on-image,