[Streams] Change data quality flyout from overlay to push (elastic#235044)

## Summary

Closes elastic#233507

This PR changes the `QualityIssueFlyout` back to push flyout type (it
was changed to `overlay` in elastic#231169).

Changes:

- Changed `QualityIssueFlyout` to `type="push"`
- Brought back the deleted functional tests.

Author: damian-polewski

x-pack/platform/plugins/shared/dataset_quality/public/components/dataset_quality_details/quality_issue_flyout/index.tsx

@@ -90,7 +90,8 @@ export default function QualityIssueFlyout() {
 
   return (
     <EuiFlyout
-      maxWidth={450}
+      type="push"
+      size="s"
       onClose={closeDegradedFieldFlyout}
       aria-labelledby={pushedFlyoutTitleId}
       data-test-subj={'datasetQualityDetailsDegradedFieldFlyout'}

x-pack/solutions/observability/test/functional/apps/dataset_quality/degraded_field_flyout.ts

@@ -528,6 +528,26 @@ export default function ({ getService, getPageObjects }: DatasetQualityFtrProvid
             PageObjects.datasetQuality.testSubjectSelectors.datasetQualityDetailsDegradedFieldFlyout
           );
         });
+
+        it('should close the flyout when current quality switch is toggled on and the flyout is already open with an old field ', async () => {
+          await PageObjects.datasetQuality.navigateToDetails({
+            dataStream: degradedDatasetWithLimitDataStreamName,
+            expandedDegradedField: 'cloud',
+          });
+
+          await testSubjects.existOrFail(
+            PageObjects.datasetQuality.testSubjectSelectors.datasetQualityDetailsDegradedFieldFlyout
+          );
+
+          await testSubjects.click(
+            PageObjects.datasetQuality.testSubjectSelectors
+              .datasetQualityDetailsOverviewDegradedFieldToggleSwitch
+          );
+
+          await testSubjects.missingOrFail(
+            PageObjects.datasetQuality.testSubjectSelectors.datasetQualityDetailsDegradedFieldFlyout
+          );
+        });
       });
 
       describe('character limit exceeded', () => {

x-pack/solutions/observability/test/serverless/functional/test_suites/dataset_quality/degraded_field_flyout.ts

@@ -526,6 +526,26 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
             PageObjects.datasetQuality.testSubjectSelectors.datasetQualityDetailsDegradedFieldFlyout
           );
         });
+
+        it('should close the flyout when current quality switch is toggled on and the flyout is already open with an old field ', async () => {
+          await PageObjects.datasetQuality.navigateToDetails({
+            dataStream: degradedDatasetWithLimitDataStreamName,
+            expandedDegradedField: 'cloud',
+          });
+
+          await testSubjects.existOrFail(
+            PageObjects.datasetQuality.testSubjectSelectors.datasetQualityDetailsDegradedFieldFlyout
+          );
+
+          await testSubjects.click(
+            PageObjects.datasetQuality.testSubjectSelectors
+              .datasetQualityDetailsOverviewDegradedFieldToggleSwitch
+          );
+
+          await testSubjects.missingOrFail(
+            PageObjects.datasetQuality.testSubjectSelectors.datasetQualityDetailsDegradedFieldFlyout
+          );
+        });
       });
 
       describe('character limit exceeded', () => {