Merge pull request #18883 from overleaf/jel-eyebrow-text

[web] Add mixin for eyebrow headline

GitOrigin-RevId: 992acd11e6c22c35499329bb53917a2b1ac79ac5

services/web/app/views/_mixins/eyebrow.pug

@@ -0,0 +1,5 @@
+mixin eyebrow(text)
+    span.mono-text
+        span(aria-hidden) {
+        span #{text}
+        span(aria-hidden) }

services/web/app/views/subscriptions/plans-light-design.pug

@@ -1,5 +1,6 @@
 extends ../layout-website-redesign
 include ../_mixins/quote
+include ../_mixins/eyebrow
 
 block vars
 	- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
@@ -28,10 +29,7 @@ block content
 				.row
 					.col-md-12
 						h1.text-centered
-							span.mono-text
-								span.aria-hidden {
-								span #{translate('plans_and_pricing_lowercase')}
-								span.aria-hidden }
+							+eyebrow(translate('plans_and_pricing_lowercase'))
 							| #{translate('choose_your_plan')}
 
 				include ./plans/_cards_controls_tables