test: fix flaky tests (#7698)

Author: Lukas742

docs/knowledge-base/FAQ.mdx

@@ -84,7 +84,7 @@ Further information about theming can be found in our and the UI5 Web Components
 
 Each component developed by the UI5 Web Components team ([`ui5-webcomponents`](https://github.com/SAP/ui5-webcomponents)) that is wrapped by the UI5 Web Components for React ([`ui5-webcomponents-react`](https://github.com/SAP/ui5-webcomponents-react)) wrapper includes the following note in its component description:
 
-**Note**: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
+> **Note**: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
 
 If a component does not have this note, it is a React-only component provided exclusively by `ui5-webcomponents-react`.
 
@@ -96,9 +96,9 @@ Additionally, Storybook supports filtering by tags, allowing you to filter by di
 
 - <Badge type="custom" />: There are no global design or UX specifications for this component, or it deviates from them partially or fully. More details can be found in the component’s description.
 - <Badge type="experimental" />: The component or pattern is in an experimental state, meaning changes to its public API may occur without a major version update (`v3.0.0`).
-- <Badge type="deprecated" />: The component is deprecated and will be removed in the next major version update (`v3.0.0`). More details can be found the component's description.
+- <Badge type="deprecated" />: The component is deprecated and will be removed in the next major version update (`v3.0.0`). More details can be found in the component's description.
 
-## Why Isn't Scoping working?
+## Why Isn't Scoping Working?
 
 Starting from UI5 Web Components (for React) 2.0.0, the order of imports with regard to scoping and components matters.
 Setting the scoping suffix must be done before importing any components, as they use the suffix at the top-level of the module - meaning when a component is imported, the suffix has to be known.

packages/main/src/components/MessageView/MessageView.cy.tsx

@@ -179,7 +179,7 @@ describe('MessageView', () => {
     // remaining props were already tested
     cy.findByText('SubtitleText').should('be.visible');
     cy.findByText('1337').should('be.visible');
-    cy.get('[name="slim-arrow-right"]').should('be.visible').click();
+    cy.get('[name="slim-arrow-right"]').should('be.visible').realClick();
     cy.findByText('SubtitleText').should('not.exist');
     cy.findByText('1337').should('not.exist');
   });

packages/main/src/components/ObjectPage/ObjectPage.cy.tsx

@@ -431,7 +431,7 @@ describe('ObjectPage', () => {
     cy.findByTestId('footer').should('be.visible');
 
     // Select Employment tab
-    cy.get('[ui5-tabcontainer]').findUi5TabByText('Goals').click();
+    cy.get('[ui5-tabcontainer]').findUi5TabByText('Goals').focus();
     cy.get('[ui5-tabcontainer]').realPress('ArrowRight');
     cy.get('[ui5-tabcontainer]').realPress('ArrowRight');
     cy.get('[ui5-tabcontainer]').realPress('ArrowRight');