Merge pull request #25060 from overleaf/mj-core-pug-bs5

[web] Convert various pug pages to BS5

GitOrigin-RevId: f42de89eca778db19d5faa8a19fa8a210c7a749b

services/web/app/views/project/editor/new_from_template.pug

@@ -4,7 +4,8 @@ block vars
   - var suppressFooter = true
   - var suppressCookieBanner = true
   - var suppressSkipToContent = true
-  - bootstrap5PageStatus = 'disabled'
+  - bootstrap5PageStatus = 'enabled'
+  - bootstrap5PageSplitTest = 'core-pug-bs5'
 
 block content
   .editor.full-size

services/web/app/views/project/invite/not-valid.pug

@@ -1,21 +1,22 @@
 extends ../../layout-marketing
 
 block vars
-	- bootstrap5PageStatus = 'disabled'
+	- bootstrap5PageStatus = 'enabled'
+	- bootstrap5PageSplitTest = 'core-pug-bs5'
 
 block content
 	main.content.content-alt#main-content
 		.container
 			.row
-				.col-md-8.col-md-offset-2
+				.col-md-8.col-md-offset-2.offset-md-2
 					.card.project-invite-invalid
-						.page-header.text-centered
-							h1  #{translate("invite_not_valid")}
-						.row.text-center
-							.col-md-12
-								p
-									| #{translate("invite_not_valid_description")}.
-						.row.text-center.actions
-							.col-md-12
-								a.btn.btn-secondary-info.btn-secondary(href="/project") #{translate("back_to_your_projects")}
-							
+						.card-body
+							.page-header.text-center
+								h1  #{translate("invite_not_valid")}
+							.row.text-center
+								.col-12.col-md-12
+									p
+										| #{translate("invite_not_valid_description")}.
+							.row.text-center.actions
+								.col-12.col-md-12
+									a.btn.btn-secondary-info.btn-secondary(href="/project") #{translate("back_to_your_projects")}

services/web/app/views/project/invite/show.pug

@@ -1,37 +1,39 @@
 extends ../../layout-marketing
 
 block vars
-	- bootstrap5PageStatus = 'disabled'
+	- bootstrap5PageStatus = 'enabled'
+	- bootstrap5PageSplitTest = 'core-pug-bs5'
 
 block content
 	main.content.content-alt#main-content
 		.container
 			.row
-				.col-md-8.col-md-offset-2
+				.col-12.col-md-8.col-md-offset-2.offset-md-2
 					.card.project-invite-accept
-						.page-header.text-centered
-							h1 #{translate("user_wants_you_to_see_project", {username:owner.first_name, projectname:""})}
-								br
-								em #{project.name}
-						.row.text-center
-							.col-md-12
-								p
-									| #{translate("accepting_invite_as")} 
-									em #{user.email}
-						.row
-							.col-md-12
-								form.form(
-									data-ol-regular-form
-									method="POST",
-									action="/project/"+invite.projectId+"/invite/token/"+token+"/accept"
-								)
-									input(name='_csrf', type='hidden', value=csrfToken)
-									input(name='token', type='hidden', value=token)
-									.form-group.text-center
-										button.btn.btn-lg.btn-primary(
-											type="submit"
-											data-ol-disabled-inflight
-										)
-											span(data-ol-inflight="idle") #{translate("join_project")}
-											span(hidden data-ol-inflight="pending") #{translate("joining")}…
-									.form-group.text-center
+						.card-body
+							.page-header.text-center
+								h1 #{translate("user_wants_you_to_see_project", {username:owner.first_name, projectname:""})}
+									br
+									em #{project.name}
+							.row.text-center
+								.col-12.col-md-12
+									p
+										| #{translate("accepting_invite_as")} 
+										em #{user.email}
+							.row
+								.col-12.col-md-12
+									form.form(
+										data-ol-regular-form
+										method="POST",
+										action="/project/"+invite.projectId+"/invite/token/"+token+"/accept"
+									)
+										input(name='_csrf', type='hidden', value=csrfToken)
+										input(name='token', type='hidden', value=token)
+										.form-group.text-center
+											button.btn.btn-lg.btn-primary(
+												type="submit"
+												data-ol-disabled-inflight
+											)
+												span(data-ol-inflight="idle") #{translate("join_project")}
+												span(hidden data-ol-inflight="pending") #{translate("joining")}…
+										.form-group.text-center