PLAYWRIGHT: fix activityFeed and DataInsight AUT playwright test (#18180)

* fix activityFeed and DataInsight AUT playwright test

* minor improvement

(cherry picked from commit af713adaa7f90a207167f060b80c3743b0869d86)

openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ActivityFeed.spec.ts

@@ -30,6 +30,7 @@ import {
 } from '../../utils/activityFeed';
 import { performAdminLogin } from '../../utils/admin';
 import {
+  clickOutside,
   descriptionBox,
   redirectToHomePage,
   removeLandingBanner,
@@ -877,6 +878,7 @@ base.describe('Activity feed with Data Consumer User', () => {
         const dropdownValue = page2.getByTestId(`tag-PII.None`);
         await dropdownValue.hover();
         await dropdownValue.click();
+        await clickOutside(page2);
 
         await expect(page2.getByTestId('selected-tag-PII.None')).toBeVisible();
 

openmetadata-ui/src/main/resources/ui/src/components/Entity/Task/TaskTab/TaskTab.component.tsx

@@ -956,9 +956,9 @@ export const TaskTab = ({
       {isTaskTestCaseResult ? (
         <Modal
           destroyOnClose
-          maskClosable
           closable={false}
           closeIcon={null}
+          maskClosable={false}
           okButtonProps={{
             loading: isActionLoading,
           }}
@@ -1019,9 +1019,9 @@ export const TaskTab = ({
       ) : (
         <Modal
           destroyOnClose
-          maskClosable
           closable={false}
           closeIcon={null}
+          maskClosable={false}
           open={showEditTaskModel}
           title={`${t('label.edit-entity', {
             entity: t('label.task-lowercase'),

openmetadata-ui/src/main/resources/ui/src/pages/DataInsightPage/KPIList.tsx

@@ -234,6 +234,7 @@ const KPIList = () => {
       <Col span={24}>
         <Table
           bordered
+          className="kpi-table"
           columns={columns}
           data-testid="kpi-table"
           dataSource={kpiList}

openmetadata-ui/src/main/resources/ui/src/styles/app.less

@@ -827,7 +827,8 @@ a[href].link-text-grey,
   .activity-feed-editor-drawer,
   .policies-list-table,
   .roles-list-table,
-  .list-table {
+  .list-table,
+  .kpi-table {
     margin-right: 64px;
   }
 }