refactor(web) move access management tab to the front (#13092)

datahub-web-react/src/app/entity/container/ContainerEntity.tsx

@@ -91,11 +91,7 @@ export class ContainerEntity implements Entity<Container> {
                     component: DocumentationTab,
                 },
                 {
-                    name: 'Properties',
+                    name: 'Access',
-                    component: PropertiesTab,
-                },
-                {
-                    name: 'Access Management',
                     component: AccessManagement,
                     display: {
                         visible: (_, container: GetContainerQuery) => {
@@ -111,6 +107,10 @@ export class ContainerEntity implements Entity<Container> {
                         },
                     },
                 },
+                {
+                    name: 'Properties',
+                    component: PropertiesTab,
+                },
             ]}
             sidebarSections={this.getSidebarSections()}
         />

datahub-web-react/src/app/entity/dataset/DatasetEntity.tsx

@@ -148,6 +148,18 @@ export class DatasetEntity implements Entity<Dataset> {
                     name: 'Lineage',
                     component: LineageTab,
                 },
+                {
+                    name: 'Access',
+                    component: AccessManagement,
+                    display: {
+                        visible: (_, _1) => this.appconfig().config.featureFlags.showAccessManagement,
+                        enabled: (_, dataset: GetDatasetQuery) => {
+                            const accessAspect = dataset?.dataset?.access;
+                            const rolesList = accessAspect?.roles;
+                            return !!accessAspect && !!rolesList && rolesList.length > 0;
+                        },
+                    },
+                },
                 {
                     name: 'Properties',
                     component: PropertiesTab,
@@ -203,18 +215,6 @@ export class DatasetEntity implements Entity<Dataset> {
                         },
                     },
                 },
-                {
-                    name: 'Access Management',
-                    component: AccessManagement,
-                    display: {
-                        visible: (_, _1) => this.appconfig().config.featureFlags.showAccessManagement,
-                        enabled: (_, dataset: GetDatasetQuery) => {
-                            const accessAspect = dataset?.dataset?.access;
-                            const rolesList = accessAspect?.roles;
-                            return !!accessAspect && !!rolesList && rolesList.length > 0;
-                        },
-                    },
-                },
                 {
                     name: 'Incidents',
                     component: IncidentTab,

datahub-web-react/src/app/entityV2/dataset/DatasetEntity.tsx

@@ -189,6 +189,15 @@ export class DatasetEntity implements Entity<Dataset> {
                     component: LineageTab,
                     icon: PartitionOutlined,
                 },
+                {
+                    name: 'Access',
+                    component: AccessManagement,
+                    icon: UnlockOutlined,
+                    display: {
+                        visible: (_, _1) => this.appconfig().config.featureFlags.showAccessManagement,
+                        enabled: (_, _2) => true,
+                    },
+                },
                 {
                     name: 'Properties',
                     component: PropertiesTab,
@@ -254,15 +263,6 @@ export class DatasetEntity implements Entity<Dataset> {
                         },
                     },
                 },
-                {
-                    name: 'Access Management',
-                    component: AccessManagement,
-                    icon: UnlockOutlined,
-                    display: {
-                        visible: (_, _1) => this.appconfig().config.featureFlags.showAccessManagement,
-                        enabled: (_, _2) => true,
-                    },
-                },
                 {
                     name: 'Incidents',
                     icon: WarningOutlined,