first commit

app/components/MuiThemeProvider.tsx

@@ -0,0 +1,21 @@
+'use client'
+
+import { ThemeProvider } from '@mui/material/styles';
+import CssBaseline from '@mui/material/CssBaseline';
+import React from 'react';
+import theme from '../muiTheme';
+
+interface MuiThemeProviderProps {
+  children: React.ReactNode;
+}
+
+const MuiThemeProvider: React.FC<MuiThemeProviderProps> = ({ children }) => {
+  return (
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      {children}
+    </ThemeProvider>
+  );
+};
+
+export default MuiThemeProvider;