fix(core): fix Quick View Accessibility issues

[artolshansky]

BREAKING CHANGE:
added QuickViewGroupItemContentElementDirective (fd-quick-view-group-item-content-element) needed for bind the corresponding label to the element (email, phone, link, etc.)

Please provide a link to the associated issue.

Closes: #4963

Please provide a brief summary of this pull request.

• readable corresponding label
• focus trap & close on ESC for popover and dialog variants

Please check whether the PR fulfills the following requirements

• the commit message follows the guideline:
  https://github.com/SAP/fundamental-ngx/blob/main/CONTRIBUTING.md
• tests for the changes that have been done
• all items on the PR Review Checklist are addressed :
  https://github.com/SAP/fundamental-ngx/wiki/PR-Review-Checklist
• [n/a] Run npm run build-pack-library and test in external application

Documentation checklist:

• [n/a] update README.md
• Breaking Changes Wiki
• Documentation Examples
• Stackblitz works for all examples

[netlify]

✔️ Deploy Preview for fundamental-ngx ready!

🔨 Explore the source changes: 5b4079b

🔍 Inspect the deploy log: https://app.netlify.com/sites/fundamental-ngx/deploys/60c306289e029100072e7932

😎 Browse the preview: https://deploy-preview-5493--fundamental-ngx.netlify.app

[puru-hk]

@olshansky Accessibility team has tested and below are the finding.

Issue 1: fixed

Issue 2:
The issue is not fixed. An additional information is being read.

Issue: 3 : fixed

Issue 4:
The Company is read but the whole dialog details is read once.

Ideally, the dialog header along with the focused element information should be read when a dialog appears on the screen and no additional information should be read.
The dialog should have focus and should read the focused element.

Issue 5:
The issue is partially fixed and The Selected or Activated information of 'Open Popover', 'Open Pop over with heading' and 'Open Dialog' buttons is not read.

Issue 6: fixed.

Issue: 7
The horizontal scroll bars is available and the pop up is not visible properly.

Issue 1-6 URL: https://deploy-preview-5493--fundamental-ngx.netlify.app/#/core/quick-view
Issue 7: URL: https://deploy-preview-2385--fundamental-styles.netlify.app/?path=/docs/components-quick-view--popover
JAWS 2021

Thanks and Regards
Sanjay

[puru-hk]

Issue 5 is still not fixed.

[github-actions]

This pull request is stale because it has been open 2 days with no activity. Remove stale label or comment or this will be closed in 3 days