Add dedicated store access util functions

Makes it easier to find the specific store slice usage

src/features/reader/overlay/navigation/desktop/ReaderNavBarDesktop.tsx

@@ -29,7 +29,11 @@ import { LoadingPlaceholder } from '@/base/components/feedback/LoadingPlaceholde
 import { NavbarContextType } from '@/features/navigation-bar/NavigationBar.types.ts';
 import { withPropsFrom } from '@/base/hoc/withPropsFrom.tsx';
 import { ReaderExitButton } from '@/features/reader/overlay/navigation/components/ReaderExitButton.tsx';
-import { useReaderStore } from '@/features/reader/stores/ReaderStore.ts';
+import {
+    useReaderChaptersStore,
+    useReaderSettingsStore,
+    useReaderStore,
+} from '@/features/reader/stores/ReaderStore.ts';
 
 const useGetPreviousNavBarStaticValue = (isVisible: boolean, isStaticNav: boolean) => {
     const wasNavBarStaticRef = useRef(isStaticNav);
@@ -56,13 +60,13 @@ const BaseReaderNavBarDesktop = ({
 }: ReaderNavBarDesktopProps & Pick<NavbarContextType, 'setReaderNavBarWidth'>) => {
     const { t } = useTranslation();
     const manga = useReaderStore((state) => state.manga);
-    const { chapters, currentChapter, previousChapter, nextChapter } = useReaderStore((state) => ({
+    const { chapters, currentChapter, previousChapter, nextChapter } = useReaderChaptersStore((state) => ({
         chapters: state.chapters.chapters,
         currentChapter: state.chapters.currentChapter,
         previousChapter: state.chapters.previousChapter,
         nextChapter: state.chapters.nextChapter,
     }));
-    const isStaticNav = useReaderStore((state) => state.settings.isStaticNav);
+    const isStaticNav = useReaderSettingsStore((state) => state.settings.isStaticNav);
 
     const [navBarElement, setNavBarElement] = useState<HTMLDivElement | null>();
     useResizeObserver(

src/features/reader/overlay/navigation/desktop/components/ReaderNavBarDesktopActions.tsx

@@ -22,7 +22,7 @@ import { CHAPTER_ACTION_TO_TRANSLATION, FALLBACK_CHAPTER } from '@/features/chap
 import { IconBrowser } from '@/assets/icons/IconBrowser.tsx';
 import { IconWebView } from '@/assets/icons/IconWebView.tsx';
 import { requestManager } from '@/lib/requests/RequestManager.ts';
-import { useReaderStore } from '@/features/reader/stores/ReaderStore.ts';
+import { useReaderChaptersStore, useReaderPagesStore } from '@/features/reader/stores/ReaderStore.ts';
 import { ChapterDownloadInfo, ChapterIdInfo } from '@/features/chapter/Chapter.types.ts';
 
 const DownloadButton = ({
@@ -62,12 +62,12 @@ const DownloadButton = ({
 };
 
 export const ReaderNavBarDesktopActions = memo(() => {
-    const currentChapter = useReaderStore((state) => state.chapters.currentChapter);
+    const currentChapter = useReaderChaptersStore((state) => state.chapters.currentChapter);
 
     const { id, isBookmarked, realUrl } = currentChapter ?? FALLBACK_CHAPTER;
 
     const { t } = useTranslation();
-    const { pageLoadStates, setPageLoadStates, setRetryFailedPagesKeyPrefix } = useReaderStore((state) => ({
+    const { pageLoadStates, setPageLoadStates, setRetryFailedPagesKeyPrefix } = useReaderPagesStore((state) => ({
         pageLoadStates: state.pages.pageLoadStates,
         setPageLoadStates: state.pages.setPageLoadStates,
         setRetryFailedPagesKeyPrefix: state.pages.setRetryFailedPagesKeyPrefix,

src/features/reader/overlay/navigation/desktop/components/ReaderNavBarDesktopPageNavigation.tsx

@@ -17,17 +17,17 @@ import { getNextIndexFromPage, getPage } from '@/features/reader/overlay/progres
 import { useGetOptionForDirection } from '@/features/theme/services/ThemeCreator.ts';
 import { ReaderNavBarDesktopNextPreviousButton } from '@/features/reader/overlay/navigation/desktop/components/ReaderNavBarDesktopNextPreviousButton.tsx';
 import { READING_DIRECTION_TO_THEME_DIRECTION } from '@/features/reader/settings/ReaderSettings.constants.tsx';
-import { useReaderStore } from '@/features/reader/stores/ReaderStore.ts';
+import { useReaderPagesStore, useReaderSettingsStore } from '@/features/reader/stores/ReaderStore.ts';
 import { ReaderControls } from '@/features/reader/services/ReaderControls.ts';
 
 const BaseReaderNavBarDesktopPageNavigation = () => {
     const { t } = useTranslation();
     const getOptionForDirection = useGetOptionForDirection();
-    const { currentPageIndex, pages } = useReaderStore((state) => ({
+    const { currentPageIndex, pages } = useReaderPagesStore((state) => ({
         currentPageIndex: state.pages.currentPageIndex,
         pages: state.pages.pages,
     }));
-    const readingDirection = useReaderStore((state) => state.settings.readingDirection.value);
+    const readingDirection = useReaderSettingsStore((state) => state.settings.readingDirection.value);
 
     const currentPage = useMemo(() => getPage(currentPageIndex, pages), [currentPageIndex, pages]);
     const direction = READING_DIRECTION_TO_THEME_DIRECTION[readingDirection];

src/features/reader/overlay/navigation/desktop/quick-settings/ReaderNavBarDesktopQuickSettings.tsx

@@ -18,12 +18,12 @@ import { ReaderNavBarDesktopReadingDirection } from '@/features/reader/overlay/n
 import { ReaderNavBarDesktopProps } from '@/features/reader/overlay/ReaderOverlay.types.ts';
 import { ReaderService } from '@/features/reader/services/ReaderService.ts';
 import { ReaderNavBarDesktopAutoScroll } from '@/features/reader/auto-scroll/settings/quick-setting/ReaderNavBarDesktopAutoScroll.tsx';
-import { useReaderStore } from '@/features/reader/stores/ReaderStore.ts';
+import { useReaderSettingsStore } from '@/features/reader/stores/ReaderStore.ts';
 
 const BaseReaderNavBarDesktopQuickSettings = ({ openSettings }: Pick<ReaderNavBarDesktopProps, 'openSettings'>) => {
     const { t } = useTranslation();
     const { readingMode, shouldOffsetDoubleSpreads, pageScaleMode, shouldStretchPage, readingDirection, autoScroll } =
-        useReaderStore((state) => ({
+        useReaderSettingsStore((state) => ({
             readingMode: state.settings.readingMode,
             shouldOffsetDoubleSpreads: state.settings.shouldOffsetDoubleSpreads,
             pageScaleMode: state.settings.pageScaleMode,