separation of catalogStatus into a diff obj

Signed-off-by: FaheemOnHub <faheemmushtaq89@gmail.com>

Author: FaheemOnHub

src/custom/CustomCatalog/style.tsx

@@ -52,9 +52,11 @@ export const StyledInnerClassWrapper = styled('div')<StyledInnerClassWrapperProp
   theme
 }) => {
   const mapToColor: Record<string, string> = {
-    community: theme.palette.status?.community,
-    official: theme.palette.status?.official,
-    verified: theme.palette.status?.verified
+    community: theme.palette.catalogStatus?.community,
+    official:
+      theme.palette.catalogStatus?.official,
+    verified:
+      theme.palette.catalogStatus?.verified
   };
   return {
     font: 'bold 10px sans-serif',

src/theme/palette.ts

@@ -174,6 +174,8 @@ declare module '@mui/material/styles' {
       warning: string;
       error: string;
       info: string;
+    };
+    catalogStatus: {
       community: string;
       official: string;
       verified: string;
@@ -276,6 +278,8 @@ declare module '@mui/material/styles' {
       warning: string;
       error: string;
       info: string;
+    };
+    catalogStatus: {
       community: string;
       official: string;
       verified: string;
@@ -440,7 +444,9 @@ export const lightModePalette: PaletteOptions = {
     success: Colors.notificationColors.success.main,
     warning: Colors.notificationColors.warning.main,
     error: Colors.notificationColors.error.main,
-    info: Colors.notificationColors.info.main,
+    info: Colors.notificationColors.info.main
+  },
+  catalogStatus: {
     community: Colors.slateGray.main,
     official: Colors.saffron[40],
     verified: Colors.keppel[40]
@@ -600,7 +606,9 @@ export const darkModePalette: PaletteOptions = {
     success: Colors.notificationColors.success.main,
     warning: Colors.notificationColors.warning.main,
     error: Colors.notificationColors.error.main,
-    info: Colors.notificationColors.info.main,
+    info: Colors.notificationColors.info.main
+  },
+  catalogStatus: {
     community: Colors.slateGray.main,
     official: Colors.saffron[40],
     verified: Colors.keppel[40]

src/theme/theme.ts

@@ -303,7 +303,10 @@ export const createCustomTheme = (mode: PaletteMode, primitives?: PrimitivePalet
           success: Colors.notificationColors.success.main,
           warning: Colors.notificationColors.warning.main,
           error: Colors.notificationColors.error.main,
-          info: Colors.notificationColors.info.main,
+          info: Colors.notificationColors.info.main
+        },
+        //->catalog status colors (org-independent)
+        catalogStatus: {
           community: Colors.slateGray.main,
           official: Colors.saffron[40],
           verified: Colors.keppel[40]