enhance(admin): show impersonation banner and keep password change with the user (#38924)

Follow-up to https://github.com/go-gitea/gitea/pull/38614

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>

templates/admin/config_settings/instance.tmpl

@@ -37,7 +37,7 @@
 				<label>{{ctx.Locale.Tr "admin.config.instance_web_banner.enabled"}}</label>
 			</div>
 			{{template "shared/combomarkdowneditor" (dict
-				"ContainerClasses" "web-banner-content-editor"
+				"ContainerClasses" "site-banner-content-editor"
 				"TextareaName" (print $cfgKey ".ContentMessage")
 				"TextareaContent" $banner.ContentMessage
 				"TextareaPlaceholder" (ctx.Locale.Tr "admin.config.instance_web_banner.message_placeholder")

templates/base/head_banner.tmpl

@@ -1,10 +1,10 @@
 {{$banner := ctx.CurrentWebBanner}}
 {{if $banner}}
-<div class="ui info message web-banner-container">
-	<div class="render-content markup web-banner-content">
+<div class="ui info message site-banner-container">
+	<div class="render-content markup site-banner-content">
 		{{ctx.RenderUtils.MarkdownToHtml $banner.ContentMessage}}
 	</div>
-	<button type="button" class="btn dismiss-banner link-action" aria-label="{{ctx.Locale.Tr "dismiss"}}" data-url="{{AppSubUrl}}/-/web-banner/dismiss">
+	<button type="button" class="btn site-banner-close link-action" aria-label="{{ctx.Locale.Tr "dismiss"}}" data-url="{{AppSubUrl}}/-/web-banner/dismiss">
 		{{svg "octicon-x"}}
 	</button>
 </div>

templates/base/head_impersonate_banner.tmpl

@@ -0,0 +1,10 @@
+{{$impersonated := ctx.ImpersonatedUser}}
+{{if $impersonated}}
+<div class="ui warning message site-banner-container">
+	<div class="flex-text-block site-banner-content">
+		{{svg "octicon-alert"}}
+		<span class="tw-flex-1">{{ctx.Locale.Tr "admin.users.impersonating_notice" $impersonated.Name}}</span>
+		<a class="ui compact tiny button hover-opaque" href="{{AppSubUrl}}/user/logout">{{ctx.Locale.Tr "admin.users.impersonate_stop"}}</a>
+	</div>
+</div>
+{{end}}

templates/base/head_navbar.tmpl

@@ -178,4 +178,5 @@
 		</div>
 	</div>
 </nav>
+{{template "base/head_impersonate_banner"}}
 {{template "base/head_banner"}}

templates/devtest/severity-colors.tmpl

@@ -59,7 +59,7 @@
 	<div class="ui attached warning segment">Warning section body content.</div>
 
 <h2>Banner Preview (info-tinted)</h2>
-	<div class="web-banner-content-editor">
+	<div class="site-banner-content-editor">
 		<div class="render-content render-preview">Banner preview content</div>
 	</div>