refactor: split theme file

inertia/components/layouts/_base_layout.tsx

@@ -7,7 +7,6 @@ import DarkThemeContextProvider from '~/contexts/dark_theme_context';
 export default function BaseLayout({ children }: { children: ReactNode }) {
   const { i18n } = useTranslation();
   dayjs.locale(i18n.language);
-  console.log('a');
   return (
     <DarkThemeContextProvider key="a">
       <ContextThemeProvider>{children}</ContextThemeProvider>

inertia/components/layouts/_theme_layout.tsx

@@ -1,7 +1,8 @@
 import { Global, ThemeProvider, css, useTheme } from '@emotion/react';
 import { ReactNode } from 'react';
 import useDarkTheme from '~/hooks/use_dark_theme';
-import { darkTheme, lightTheme } from '~/styles/theme';
+import { darkTheme } from '~/styles/themes/dark_theme';
+import { lightTheme } from '~/styles/themes/light_theme';
 
 export default function ContextThemeProvider({
   children,