[BUGFIX]: Fix all-documentations-menu versions, positioning and UX on mobile devices (#780)

1. **Fix versions not being displayed in the menu**
   - BEFORE:

![obraz](https://github.com/user-attachments/assets/11f442d4-dd61-4b9a-a5af-57c602d0631b)
   - AFTER:

![obraz](https://github.com/user-attachments/assets/283aa55f-bbb8-482d-9131-72556455e582)

2. **Fix stretched-link anchor tags being rendered over the menu**
Due to implementation of Bootstrap's `stretched-link` class, anchor tags
were rendered over all-documentations-menu popover window, making them
clickable through the menu's background. Managed to fix this by
unsetting the z-index of such anchor tags which got rid of the problem,
and it seems that no cards were negatively impacted by this change (user
is still able to click anywhere within the card)

3. **Fix visible height on mobile devices**
On mobile devices the menu was partially covered by the floating button.
In order to fix this, I've reduced the max height of the popover window
and made it scrollable on mobile, now the menu shouldn't be covered by
the button and I think this change is good for UX on mobile, as now user
is certain that he is scrolling through a menu (previously to see all
links within the menu, the whole page would be scrolled)
   - BEFORE:

![obraz](https://github.com/user-attachments/assets/2295be25-a90e-4cb2-89bd-feaf9e979809)
- AFTER (notice the scrollbar thumb on the right hand-side of popver
menu):

![obraz](https://github.com/user-attachments/assets/501395fd-0619-4a63-b0a6-9ecbf29b8a79)

Author: mouflondarko

packages/typo3-docs-theme/assets/js/all-documentations-menu.js

@@ -4,7 +4,7 @@ class AllDocumentationMenu extends HTMLElement {
 
   constructor() {
     super();
-    this.mainButton = this.createMainButton('All documentations');
+    this.mainButton = this.createMainButton('All documentation');
     this.appendChild(this.mainButton);
 
     this.initializeDocumentationsData()
@@ -105,14 +105,14 @@ class AllDocumentationMenu extends HTMLElement {
 
     listItemElement.appendChild(anchorElement);
 
-    if (!documentation.versions || !documentation.versions.length) {
+    if (!documentation.children || !documentation.children.length) {
       return listItemElement;
     }
 
     const versionsElement = document.createElement('div');
     versionsElement.classList.add(this.createClassName('versions'));
 
-    for (const version of documentation.versions) {
+    for (const version of documentation.children) {
       versionsElement.appendChild(this.createDocumentationVersionBadge(version))
     }
 

packages/typo3-docs-theme/assets/sass/_stretched-link.scss

@@ -0,0 +1,5 @@
+.stretched-link {
+    &::after {
+        z-index: unset !important;
+    }
+}

packages/typo3-docs-theme/assets/sass/components/_allDocumentationMenu.scss

@@ -40,6 +40,8 @@
 
         @media screen and (max-width: 768px) {
             padding: 1.5em;
+            max-height: 70vh;
+            overflow-y: auto;
         }
     }
 

packages/typo3-docs-theme/assets/sass/theme.scss

@@ -22,6 +22,7 @@
 
 // tweak bootstrap styles
 @import 'text';
+@import 'stretched-link';
 
 // components
 @import 'components/accordion';

packages/typo3-docs-theme/resources/public/css/theme.css

@@ -23415,6 +23415,10 @@ article ol li::marker {
   box-shadow: inset 0px 0px 2px 2px;
 }
 
+.stretched-link::after {
+  z-index: unset !important;
+}
+
 .accordion {
   border-radius: var(--bs-accordion-border-radius);
   box-shadow: 2px 1px 6px rgba(32, 33, 36, 0.28);
@@ -24867,6 +24871,8 @@ figure.uml-diagram {
 @media screen and (max-width: 768px) {
   .all-documentations-menu-tooltip {
     padding: 1.5em;
+    max-height: 70vh;
+    overflow-y: auto;
   }
 }
 .all-documentations-menu-categories {
@@ -24927,7 +24933,7 @@ figure.uml-diagram {
   gap: 0.3em;
 }
 .all-documentations-menu-versions a {
-  background-color: #f2f2f2;
+  background-color: rgb(242.25, 242.25, 242.25);
   padding: 0 5px;
   font-size: 0.8em;
   border-radius: 0.4em;