refactor: Rename useThemeState to useRawThemeState for clarity and update import statement in theme.js

src/hooks/useTheme.js

@@ -11,7 +11,7 @@ export const useTheme = () => {
   return context;
 };
 
-const useThemeState = () => {
+const useRawThemeState = () => {
   const [isDark, setIsDark] = useState(() => {
     // Check localStorage for saved preference
     const savedMode = localStorage.getItem('themeMode');
@@ -47,7 +47,7 @@ const useThemeState = () => {
 
 // Theme provider component
 export const ThemeProvider = ({ children }) => {
-  const themeState = useThemeState();
+  const themeState = useRawThemeState();
   return (
     <ThemeContext.Provider value={themeState}>
       {children}
@@ -55,4 +55,4 @@ export const ThemeProvider = ({ children }) => {
   );
 };
 
-export default useThemeState;
+export default useRawThemeState;

src/styles/theme.js

@@ -1,6 +1,6 @@
 import { createTheme, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
 import React, { useMemo, useEffect } from 'react';
-import useTheme from '../hooks/useTheme';
+import { useTheme } from '../hooks/useTheme';
 
 const getTheme = (isDark) => createTheme({
   palette: {