Refactor:Move MUI Components from Learning player model to Untitled Core Components (#29550)

* Refactor:Move MUI Components from Learning player model to Untitled Core Components

* nit

* fix playwright test failure

Author: anuj-kumary

openmetadata-ui/src/main/resources/ui/playwright/e2e/Pages/LearningResources.spec.ts

@@ -196,7 +196,7 @@ test.describe(
     }) => {
       await test.step('Click row and verify player modal opens', async () => {
         await page.getByText('Collate Clues: Automations').click();
-        const dialog = page.getByRole('dialog');
+        const dialog = page.getByTestId('resource-player-dialog');
         await expect(dialog).toBeVisible();
         await expect(
           dialog.getByText('Collate Clues: Automations')
@@ -205,7 +205,9 @@ test.describe(
 
       await test.step('Close preview modal', async () => {
         await page.getByTestId('close-resource-player').click();
-        await expect(page.getByRole('dialog')).not.toBeVisible();
+        await expect(
+          page.getByTestId('resource-player-dialog')
+        ).not.toBeVisible();
       });
     });
 
@@ -353,7 +355,7 @@ test.describe(
         await expect(resourceCard).toBeVisible();
         await resourceCard.click();
 
-        const playerDialog = page.getByRole('dialog');
+        const playerDialog = page.getByTestId('resource-player-dialog');
         await expect(playerDialog).toBeVisible();
         await expect(
           playerDialog.getByText(`PW Player Resource ${uniqueId}`)

openmetadata-ui/src/main/resources/ui/src/components/Learning/Learning.interface.ts

@@ -11,6 +11,8 @@
  *  limitations under the License.
  */
 
+import type { BadgeColors } from '@openmetadata/ui-core-components';
+
 export type ResourceCategory =
   | 'Discovery'
   | 'Administration'
@@ -19,6 +21,15 @@ export type ResourceCategory =
   | 'Observability'
   | 'AI';
 
+export const CATEGORY_BADGE_COLORS: Record<ResourceCategory, BadgeColors> = {
+  Discovery: 'blue',
+  Administration: 'blue-light',
+  DataGovernance: 'indigo',
+  DataQuality: 'orange',
+  Observability: 'orange',
+  AI: 'purple',
+};
+
 export type ResourceType = 'Storylane' | 'Video' | 'Article';
 
 export type ResourceDifficulty = 'Intro' | 'Intermediate' | 'Advanced';