chore: update import path and use sistent component

Signed-off-by: Amit Amrutiya <[email protected]>

src/custom/CatalogDetail/ActionButton.tsx

@@ -1,11 +1,10 @@
 import _ from 'lodash';
 import React from 'react';
 import { CircularProgress } from '../../base';
+import { CopyIcon, KanvasIcon } from '../../icons';
 import Download from '../../icons/Download/Download';
 import { charcoal } from '../../theme';
 import { Pattern } from '../CustomCatalog/CustomCard';
-import CopyIcon from './Icons/CopyIcon';
-import KanvasIcon from './Icons/Kanvas';
 import { downloadFilter, downloadYaml, slugify } from './helper';
 import { ActionButton, LinkUrl, StyledActionWrapper } from './style';
 import { RESOURCE_TYPES } from './types';

src/custom/CatalogDetail/ChallengesSection.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react';
 import { ListItemIcon } from '../../base';
+import { ChallengesIcon } from '../../icons';
 import { useTheme } from '../../theme';
 import CollapsibleSection from './CollapsibleSection';
-import ChallengesIcon from './Icons/ChallengesIcon';
 import { slugify } from './helper';
 import { LabelDiv } from './style';
 import { FilteredAcademyData } from './types';

src/custom/CatalogDetail/CollapsibleSection.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import ExpandLessIcon from '@mui/icons-material/ExpandLess';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { Collapse, List, ListItemText } from '@mui/material';
+import { Collapse, List, ListItemText } from '../../base';
 import { InfoTooltip } from '../CustomTooltip';
 import { SideContainer, SideTitleButton } from './style';
 

src/custom/CatalogDetail/ContentClassInfo.tsx

@@ -1,5 +1,5 @@
-import { Box } from '@mui/material';
 import React from 'react';
+import { Box } from '../../base';
 import { InfoTooltip } from '../CustomTooltip';
 import { ContentDetailsPoints, ContentDetailsText } from '../Typography';
 import { CONTENT_CLASS, formatToTitleCase } from './helper';

src/custom/CatalogDetail/LearningSection.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import { ListItemIcon } from '../../base';
+import { LearningIcon } from '../../icons';
 import { useTheme } from '../../theme';
 import CollapsibleSection from './CollapsibleSection';
-import LearningIcon from './Icons/LearningIcon';
 import { slugify } from './helper';
 import { LabelDiv } from './style';
 import { FilteredAcademyData } from './types';

src/custom/CatalogDetail/OverviewSection.tsx

@@ -1,5 +1,5 @@
-import { Grid } from '@mui/material';
 import React from 'react';
+import { Grid } from '../../base';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import ContentClassInfo from './ContentClassInfo';
 import MetricsDisplay from './MetricsDisplay';

src/custom/CatalogDetail/SocialSharePopper.tsx

@@ -1,18 +1,10 @@
-import {
-  ClickAwayListener,
-  Fade,
-  IconButton,
-  Paper,
-  Popper,
-  Tooltip,
-  useTheme
-} from '@mui/material';
+import { Fade } from '@mui/material';
 import React from 'react';
 import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from 'react-share';
-import { ShareIcon } from '../../icons';
+import { ClickAwayListener, IconButton, Paper, Popper, Tooltip } from '../../base';
+import { ChainIcon, FacebookIcon, LinkedinIcon, ShareIcon, TwitterIcon } from '../../icons';
+import { useTheme } from '../../theme';
 import { Pattern } from '../CustomCatalog/CustomCard';
-import ChainIcon from './Icons/ChainIcon';
-import { FacebookIcon, LinkedinIcon, TwitterIcon } from './Icons/SocialMediaIcon';
 import { CopyShareIconWrapper, VisibilityChip } from './style';
 
 interface SocialSharePopperProps {