feat: add SvgIcon and Zoom components with MUI integration

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

Author: amitamrutiya

src/base/SvgIcon/SvgIcon.tsx

@@ -0,0 +1,9 @@
+import { SvgIcon as MuiSvgIcon, type SvgIconProps as MuiSvgIconProps } from '@mui/material';
+import React from 'react';
+
+export const SvgIcon = React.forwardRef<SVGSVGElement, MuiSvgIconProps>((props, ref) => {
+  return <MuiSvgIcon {...props} ref={ref} />;
+});
+
+export default SvgIcon;
+export type { MuiSvgIconProps as SvgIconProps };

src/base/SvgIcon/index.ts

@@ -0,0 +1,2 @@
+export { SvgIcon } from './SvgIcon';
+export type { SvgIconProps } from './SvgIcon';

src/base/Zoom/Zoom.tsx

@@ -0,0 +1,8 @@
+import { Zoom as MuiZoom, ZoomProps as MuiZoomProps } from '@mui/material';
+import React from 'react';
+
+export const Zoom = React.forwardRef<HTMLDivElement, MuiZoomProps>((props, ref) => {
+  return <MuiZoom ref={ref} {...props} />;
+});
+
+export default Zoom;

src/base/Zoom/index.ts

@@ -0,0 +1 @@
+export { Zoom } from './Zoom';

src/theme/index.tsx

@@ -1,5 +1,14 @@
-import { styled, useTheme } from '@mui/material';
-
+import {
+  Theme,
+  ThemeProvider,
+  alpha,
+  createTheme,
+  keyframes,
+  lighten,
+  styled,
+  useMediaQuery,
+  useTheme
+} from '@mui/material';
 export { darkModePalette, lightModePalette } from './palette';
 export { typography } from './typography';
 
@@ -9,4 +18,5 @@ export {
 } from './ThemeProvider';
 export * from './colors';
 
-export { styled, useTheme };
+export { ThemeProvider, alpha, createTheme, keyframes, lighten, styled, useMediaQuery, useTheme };
+export type { Theme };