toggle fix

src/layouts/main/components/header/Header.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { AppBar, Toolbar, CssBaseline, Box } from '@mui/material';
 
-import DarkModeToogle from 'layouts/common/darkModeToogle';
+import DarkModeToggle from 'layouts/common/darkModeToggle';
 import HideOnScroll from 'layouts/common/hideOnScroll';
 import Navigation from './navigation';
 
@@ -15,7 +15,7 @@ const Header = () => {
 					<Toolbar>
 						<Navigation />
 						<Box sx={{ display: { sm: 'block', xs: 'none' } }}>
-							<DarkModeToogle />
+							<DarkModeToggle />
 						</Box>
 					</Toolbar>
 				</AppBar>

src/layouts/main/components/header/navigation/Navigation.jsx

@@ -16,7 +16,7 @@ import { useTheme } from '@mui/material/styles';
 import MenuIcon from '@mui/icons-material/Menu';
 import MenuOpenIcon from '@mui/icons-material/MenuOpen';
 
-import DarkModeToogle from 'layouts/common/darkModeToogle';
+import DarkModeToggle from 'layouts/common/darkModeToggle';
 
 const Navigation = () => {
 	const theme = useTheme();
@@ -109,7 +109,7 @@ const Navigation = () => {
 						<MenuIcon fontSize='inherit' />
 					)}
 				</IconButton>
-				<DarkModeToogle style={{ alignSelf: 'right', color: 'inherit' }} />
+				<DarkModeToggle style={{ alignSelf: 'right', color: 'inherit' }} />
 			</Paper>
 
 			{matches ? (