spaced and linted

Signed-off-by: Shivansh Charak <shivansh17charak@gmail.com>

Author: ShivanshCharak

examples/next-12/components/ModeToggleButton.jsx

@@ -1,10 +1,9 @@
-
 import { IconButton } from '@mui/material';
 import { useContext } from 'react';
 
 import DarkModeIcon from '@mui/icons-material/DarkMode';
 import LightModeIcon from '@mui/icons-material/LightMode';
-import {  ThemeContext } from '../lib/context/AppThemeContext';
+import { ThemeContext } from '../lib/context/AppThemeContext';
 
 function DynamicIcon({ mode }) {
   if (mode === 'dark') {
@@ -15,11 +14,10 @@ function DynamicIcon({ mode }) {
 }
 
 function ModeToggleButton() {
- const {setMode,mode} = useContext(ThemeContext)
- const toggleMode= ()=>{
-  setMode((prev)=>prev==="dark"?"light":"dark")
- }
- 
+  const { setMode, mode } = useContext(ThemeContext);
+  const toggleMode = () => {
+    setMode((prev) => (prev === 'dark' ? 'light' : 'dark'));
+  };
 
   return (
     <IconButton onClick={toggleMode} sx={{ width: 40, height: 40 }}>