[TASK] Make sure translated menus work as expected

Related: T3DEMO-267

config/sites/main/config.yaml

@@ -35,7 +35,7 @@ languages:
   -
     title: German
     enabled: true
-    languageId: '1'
+    languageId: 1
     base: /de/
     typo3Language: de
     locale: de_DE.utf8

src/extensions/site_t3demo/Resources/Private/Pages/Partials/Footer.html

@@ -31,9 +31,9 @@
 			<ul class="b_footernavi">
 				<f:for each="{footerMenu}" as="item">
 					<li class="b_footernavi__item">
-						<a href="{item.slug}" class="b_footernavi__link">
+						<f:link.typolink parameter="{item.uid}" class="b_footernavi__link">
 							{item.nav_title}
-						</a>
+						</f:link.typolink>
 					</li>
 				</f:for>
 			</ul>

src/extensions/site_t3demo/Resources/Private/Pages/Partials/Header.html

@@ -39,13 +39,13 @@
 							<ac:svg name="arrow-right" class="b_navi__icon b_navi__icon--after" />
 						</label>
 					</f:if>
-					<a href="{item.slug}" class="b_navi__link {f:if(condition: item.isInRootLine, then: 'b_navi__link--active')}">
+					<f:link.typolink parameter="{item.uid}" class="b_navi__link {f:if(condition: item.isInRootLine, then: 'b_navi__link--active')}">
 						<span>{item.nav_title}</span>
 						<f:if condition="{item.subpages}">
 							<ac:svg name="arrow-down" class="b_navi__icon b_navi__icon--after b_navi__icon--closed" />
 							<ac:svg name="arrow-up" class="b_navi__icon b_navi__icon--after b_navi__icon--opened" />
 						</f:if>
-					</a>
+					</f:link.typolink>
 					<f:if condition="{item.subpages}">
 						<div class="b_navi__submenu">
 							<ul class="b_navi__sublist b_navi__sublist--contentcontainer">