Merge pull request #8470 from nextcloud/backport/8469/stable32

[stable32] fix(menubar): lower z-index: on top of document content, but below modals

Author: mejo-

src/components/Menu/MenuBar.vue

@@ -237,7 +237,8 @@ export default {
 	top: 0;
 	bottom: 0;
 	width: 100%;
-	z-index: 10021; // above modal-header so menubar is always on top
+	// Display above link previews and tables, but below dialogs and calendar event popover
+	z-index: 4;
 	background-color: var(--color-main-background-translucent);
 	backdrop-filter: var(--background-blur);
 	border-bottom: 1px solid var(--color-border);

src/components/Menu/ReadonlyBar.vue

@@ -111,7 +111,8 @@ export default defineComponent({
 	top: 0;
 	bottom: var(--default-grid-baseline);
 	width: 100%;
-	z-index: 10021; // above modal-header so menubar is always on top
+	// Display above link previews and tables, but below dialogs and calendar event popover
+	z-index: 4;
 	background-color: var(--color-main-background-translucent);
 	backdrop-filter: var(--background-blur);
 	max-height: var(