chore: fix the useTheme name import from mui to sistent path

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/custom/CustomCatalog/EmptyStateCard.tsx

@@ -1,6 +1,6 @@
-import { useTheme } from '@mui/material';
 import { FC } from 'react';
 import { EmptyStyleIcon } from '../../icons/EmptyStyle';
+import { useTheme } from '../../theme';
 import { CatalogEmptyStateDiv } from './style';
 
 const EmptyStateCard: FC = () => {

src/custom/CustomColumnVisibilityControl/CustomColumnVisibilityControl.tsx

@@ -1,11 +1,11 @@
-import { useTheme } from '@mui/material';
 import React from 'react';
 import { Box } from '../../base/Box';
 import { Card } from '../../base/Card';
 import { Checkbox } from '../../base/Checkbox';
 import { ClickAwayListener } from '../../base/ClickAwayListener';
 import { FormControlLabel } from '../../base/FormControlLabel';
 import { ColumnIcon } from '../../icons';
+import { useTheme } from '../../theme';
 import PopperListener from '../PopperListener';
 import TooltipIcon from '../TooltipIcon';
 

src/custom/Prompt/promt-component.tsx

@@ -1,6 +1,6 @@
-import { useTheme } from '@mui/material';
 import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
 import { Typography } from '../../base';
+import { useTheme } from '../../theme';
 import { Modal, ModalBody, ModalButtonPrimary, ModalButtonSecondary, ModalFooter } from '../Modal';
 import { ActionComponent, Subtitle } from './style';
 

src/custom/SearchBar.tsx

@@ -1,11 +1,12 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { outlinedInputClasses } from '@mui/material/OutlinedInput';
-import { Theme, ThemeProvider, createTheme, useTheme } from '@mui/material/styles';
+import { Theme, ThemeProvider, createTheme } from '@mui/material/styles';
 import debounce from 'lodash/debounce';
 import React, { useCallback } from 'react';
 import { ClickAwayListener } from '../base/ClickAwayListener';
 import { TextField } from '../base/TextField';
 import { CloseIcon, SearchIcon } from '../icons';
+import { useTheme } from '../theme';
 import TooltipIcon from './TooltipIcon';
 
 const customTheme = (theme: Theme) =>

src/custom/Stepper/index.tsx

@@ -1,9 +1,10 @@
-import { Box, Stack, Step, StepConnector, StepLabel, Stepper, useTheme } from '@mui/material';
+import { Box, Stack, Step, StepConnector, StepLabel, Stepper } from '@mui/material';
 import { stepConnectorClasses } from '@mui/material/StepConnector';
 import { StepIconProps } from '@mui/material/StepIcon';
 import { styled } from '@mui/system';
 import React, { useMemo, useState } from 'react';
 import { IconProps } from '../../icons/types';
+import { useTheme } from '../../theme';
 
 interface ColorlibStepIconPropsI extends StepIconProps {
   icons: React.ComponentType<IconProps>[];

src/custom/StyledSearchBar/StyledSearchBar.tsx

@@ -1,8 +1,9 @@
-import { SxProps, Theme, useTheme } from '@mui/material';
+import { SxProps, Theme } from '@mui/material';
 import { debounce } from 'lodash';
 import React, { useCallback, useState } from 'react';
 import { InputAdornment } from '../../base';
 import { SearchIcon } from '../../icons';
+import { useTheme } from '../../theme';
 import { InputAdornmentEnd, StyledSearchInput } from './style';
 
 interface SearchBarProps {

src/custom/UniversalFilter.tsx

@@ -1,4 +1,3 @@
-import { useTheme } from '@mui/material';
 import { SelectChangeEvent } from '@mui/material/Select';
 import React from 'react';
 import { Button } from '../base/Button';
@@ -8,6 +7,7 @@ import { MenuItem } from '../base/MenuItem';
 import { Paper } from '../base/Paper';
 import { Select } from '../base/Select';
 import { FilterIcon } from '../icons';
+import { useTheme } from '../theme';
 import PopperListener from './PopperListener';
 import TooltipIcon from './TooltipIcon';