make useNextThemes hook universal

apps/app/src/components/Admin/Customize/CustomizeLayoutSetting.tsx

@@ -6,8 +6,8 @@ import { LoadingSpinner } from '@growi/ui/dist/components';
 import { useTranslation } from 'next-i18next';
 
 import { toastSuccess, toastError } from '~/client/util/toastr';
+import { useNextThemes } from '~/stores-universal/use-next-themes';
 import { useSWRxLayoutSetting } from '~/stores/admin/customize';
-import { useNextThemes } from '~/stores/use-next-themes';
 
 const useIsContainerFluid = () => {
   const { data: layoutSetting, update: updateLayoutSetting } = useSWRxLayoutSetting();

apps/app/src/components/Admin/Customize/CustomizeSidebarSetting.tsx

@@ -5,8 +5,8 @@ import { useTranslation } from 'next-i18next';
 import { Card, CardBody } from 'reactstrap';
 
 import { toastSuccess, toastError } from '~/client/util/toastr';
+import { useNextThemes } from '~/stores-universal/use-next-themes';
 import { useSWRxSidebarConfig } from '~/stores/admin/sidebar-config';
-import { useNextThemes } from '~/stores/use-next-themes';
 
 const CustomizeSidebarsetting = (): JSX.Element => {
   const { t } = useTranslation(['admin', 'commons']);

apps/app/src/components/Me/ColorModeSettings.tsx

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 
 import { useTranslation } from 'react-i18next';
 
-import { Themes, useNextThemes } from '~/stores/use-next-themes';
+import { Themes, useNextThemes } from '~/stores-universal/use-next-themes';
 
 
 type ColorModeSettingsButtonProps = {

apps/app/src/components/PageComment/CommentEditor.tsx

@@ -17,6 +17,7 @@ import {
 
 import { uploadAttachments } from '~/client/services/upload-attachments';
 import { toastError } from '~/client/util/toastr';
+import { useNextThemes } from '~/stores-universal/use-next-themes';
 import { useSWRxPageComment } from '~/stores/comment';
 import {
   useCurrentUser, useIsSlackConfigured, useAcceptedUploadFileType,
@@ -26,7 +27,6 @@ import {
 } from '~/stores/editor';
 import { useCurrentPagePath } from '~/stores/page';
 import { useCommentEditorDirtyMap } from '~/stores/ui';
-import { useNextThemes } from '~/stores/use-next-themes';
 import loggerFactory from '~/utils/logger';
 
 import { NotAvailableForGuest } from '../NotAvailableForGuest';

apps/app/src/components/PageEditor/PageEditor.tsx

@@ -24,6 +24,7 @@ import { useUpdateStateAfterSave } from '~/client/services/page-operation';
 import { updatePage, extractRemoteRevisionDataFromErrorObj } from '~/client/services/update-page';
 import { uploadAttachments } from '~/client/services/upload-attachments';
 import { toastError, toastSuccess, toastWarning } from '~/client/util/toastr';
+import { useNextThemes } from '~/stores-universal/use-next-themes';
 import {
   useDefaultIndentSize, useCurrentUser,
   useCurrentPathname, useIsEnabledAttachTitleHeader,
@@ -46,7 +47,6 @@ import {
   useEditorMode, useIsUntitledPage, useSelectedGrant,
 } from '~/stores/ui';
 import { useEditingUsers } from '~/stores/use-editing-users';
-import { useNextThemes } from '~/stores/use-next-themes';
 import loggerFactory from '~/utils/logger';
 
 import { EditorNavbar } from './EditorNavbar';

apps/app/src/components/PageHistory/RevisionDiff.tsx

@@ -10,7 +10,7 @@ import { useTranslation } from 'next-i18next';
 import Link from 'next/link';
 import urljoin from 'url-join';
 
-import { Themes, useNextThemes } from '~/stores/use-next-themes';
+import { Themes, useNextThemes } from '~/stores-universal/use-next-themes';
 
 import UserDate from '../User/UserDate';
 

apps/app/src/components/PagePresentationModal.tsx

@@ -10,11 +10,11 @@ import {
   Modal, ModalBody,
 } from 'reactstrap';
 
+import { useNextThemes } from '~/stores-universal/use-next-themes';
 import { useIsEnabledMarp } from '~/stores/context';
 import { usePagePresentationModal } from '~/stores/modal';
 import { useSWRxCurrentPage } from '~/stores/page';
 import { usePresentationViewOptions } from '~/stores/renderer';
-import { useNextThemes } from '~/stores/use-next-themes';
 
 
 import styles from './PagePresentationModal.module.scss';

apps/app/src/stores/use-next-themes.tsx → apps/app/src/stores-universal/use-next-themes.tsx

@@ -1,9 +1,9 @@
 import { ColorScheme } from '@growi/core';
 import { isClient } from '@growi/core/dist/utils';
 import { ThemeProvider, useTheme } from 'next-themes';
-import { ThemeProviderProps, UseThemeProps } from 'next-themes/dist/types';
+import type { ThemeProviderProps, UseThemeProps } from 'next-themes/dist/types';
 
-import { useForcedColorScheme } from './context';
+import { useForcedColorScheme } from '../stores/context';
 
 export const Themes = {
   ...ColorScheme,