feat: create muitTheme

src/App.tsx

@@ -1,15 +1,17 @@
-import { MenuItem, Navigation } from 'components';
+import { Navigation } from 'components';
+
+import { ThemeProvider } from '@material-ui/styles';
+import { lightTheme } from 'styles/muiTheme';
 
 import '@fontsource/roboto/300.css';
 import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
 
 const App = (): JSX.Element => (
-  <div>
+  <ThemeProvider theme={lightTheme}>
     <Navigation />
-    <MenuItem />
-  </div>
+  </ThemeProvider>
 );
 
 export default App;

src/styles/muiTheme.ts

@@ -0,0 +1,13 @@
+import { createTheme } from '@material-ui/core/styles';
+
+export const darkTheme = createTheme({
+  palette: {
+    type: 'dark',
+  },
+});
+
+export const lightTheme = createTheme({
+  palette: {
+    type: 'light',
+  },
+});