Improve landmarks on the Project dashboard and Editor pages (#27401)

* Improve landmarks for the Project Dasbhboard

* Improve landmarks for the IDE page

* Improve landmarks for the new redesigned IDE page

* Sort locales

* Fix typo OlButtonToolbar -> OLButtonToolbar

* Update project navbar translation

* Update labels

* Redundant main landmark

* Fix failing test

* Descriptive name for the rails tab

* Header should not be in a button

* Update translation to Account and help

* Update translation to Project categories and tags

* Add explanations

* Show landmark for the survey widget when it's rendered

* Suggestions for nav stretch/scroll/borders

* Source format

---------

Co-authored-by: Antoine Clausse <antoine.clausse@overleaf.com>
GitOrigin-RevId: d05a738e782d2edb229529aadf92b9004dfd973a

services/web/app/views/layout/fat-footer-website-redesign.pug

@@ -1,8 +1,5 @@
 footer.fat-footer.hidden-print.website-redesign-fat-footer
-	.fat-footer-container(
-		role='navigation'
-		aria-label=translate('footer_navigation')
-	)
+	.fat-footer-container
 		.fat-footer-sections(class={hidden: hideFatFooter})
 			#footer-brand.footer-section
 				a.footer-brand(href='/' aria-label=settings.appName)

services/web/app/views/layout/fat-footer.pug

@@ -1,8 +1,5 @@
 footer.fat-footer.hidden-print
-	.fat-footer-container(
-		role='navigation'
-		aria-label=translate('footer_navigation')
-	)
+	.fat-footer-container
 		.fat-footer-sections(class={hidden: hideFatFooter})
 			#footer-brand.footer-section
 				a.footer-brand(href='/' aria-label=settings.appName)

services/web/app/views/layout/navbar-marketing-bootstrap-5.pug

@@ -5,6 +5,7 @@ nav.navbar.navbar-default.navbar-main.navbar-expand-lg(
 	class={
 		'website-redesign-navbar': isWebsiteRedesign,
 	}
+	aria-label=translate('primary')
 )
 	.container-fluid.navbar-container
 		.navbar-header

services/web/app/views/layout/navbar-marketing.pug

@@ -2,6 +2,7 @@ nav.navbar.navbar-default.navbar-main(
 	class={
 		'website-redesign-navbar': isWebsiteRedesign,
 	}
+	aria-label=translate('primary')
 )
 	.container-fluid
 		.navbar-header

services/web/app/views/layout/navbar-website-redesign.pug

@@ -1,4 +1,6 @@
-nav.navbar.navbar-default.navbar-main.website-redesign-navbar
+nav.navbar.navbar-default.navbar-main.website-redesign-navbar(
+	aria-label=translate('primary')
+)
 	.container-fluid
 		.navbar-header
 			if typeof suppressNavbarRight == 'undefined'

services/web/app/views/project/ide-react.pug

@@ -12,7 +12,7 @@ block entrypointVar
 	- entrypoint = 'pages/ide'
 
 block content
-	main#ide-root
+	#ide-root
 		.loading-screen
 			.loading-screen-brand-container
 				.loading-screen-brand(style='height: 20%')