feat: update theme provider to dynamic

src/pages/_app.tsx

@@ -1,8 +1,12 @@
 import type { AppProps } from 'next/app';
-import { ThemeProvider } from '@/styles';
+import dynamic from 'next/dynamic';
 
 import '../../public/globals.css';
 
+const ThemeProvider = dynamic(() => import('@/styles/themeProvider'), {
+  ssr: false,
+});
+
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <ThemeProvider>

src/styles/themeProvider.tsx

@@ -75,3 +75,5 @@ export const ThemeProvider = ({
     </ThemeContext.Provider>
   );
 };
+
+export default ThemeProvider;