fix: show webform name and webform doc name on header

(cherry picked from commit 309b42f1a3)

frappe/public/scss/website/web_form.scss

@@ -53,6 +53,10 @@
 							flex-wrap: wrap;
 							gap: 1rem;
 
+							.web-form-title p {
+								margin-bottom: 0;
+							}
+
 							.web-form-actions {
 								display: flex;
 								align-items: center;

frappe/website/doctype/web_form/templates/web_form.html

@@ -57,7 +57,12 @@
 			<div class="web-form-head">
 				<div class="title">
 					<div class="web-form-title ellipsis">
-						<h1 class="ellipsis">{{ _(title) }}</h1>
+						{% if show_list and not is_new %}
+							<h1 class="ellipsis">{{ _(web_form_title.capitalize()) }}</h1>
+							<p class="ellipsis">{{ _(title) }}</p>
+						{% else %}
+							<h1 class="ellipsis">{{ _(title) }}</h1>
+						{% endif %}
 					</div>
 					<div class="web-form-actions">
 						{{ header_buttons() }}

frappe/website/doctype/web_form/web_form.py

@@ -286,6 +286,7 @@ def get_context(context):
 		if frappe.form_dict.name:
 			context.doc_name = frappe.form_dict.name
 			context.reference_doc = frappe.get_doc(self.doc_type, context.doc_name)
+			context.web_form_title = context.title
 			context.title = strip_html(
 				context.reference_doc.get(context.reference_doc.meta.get_title_field())
 			)