Properly update "StandardReaderProgressBar" slots on "progress bar position" change

"createProgressBarSlot" was never called in case the function reference changed but none of the passed arguments

src/modules/reader/components/overlay/progress-bar/ReaderProgressBarSlotWrapper.tsx

@@ -73,6 +73,7 @@ export const ReaderProgressBarSlotWrapper = memo(
                     totalPages,
                 ),
             [
+                createProgressBarSlot,
                 page,
                 pagesIndex,
                 primaryPageLoadState,

src/modules/reader/components/overlay/progress-bar/desktop/ReaderProgressBarSlotDesktop.tsx

@@ -20,28 +20,27 @@ export const ReaderProgressBarSlotDesktop = memo(
         pageUrl,
         primaryPageLoadState,
         secondaryPageLoadState,
-        isHorizontal,
-        isVertical,
         progressBarPosition,
         isCurrentPage,
         isFirstPage,
         isLastPage,
         isLeadingPage,
         isDragging,
-    }: Pick<IReaderSettings, 'progressBarPosition'> &
+    }: Pick<IReaderSettings, 'progressBarPosition'> & {
-        Pick<ReturnType<typeof getProgressBarPositionInfo>, 'isHorizontal' | 'isVertical'> & {
+        pageName: string;
-            pageName: string;
+        pageUrl: string;
-            pageUrl: string;
+        primaryPageLoadState: boolean;
-            primaryPageLoadState: boolean;
+        secondaryPageLoadState?: boolean;
-            secondaryPageLoadState?: boolean;
+        isCurrentPage: boolean;
-            isCurrentPage: boolean;
+        isFirstPage: boolean;
-            isFirstPage: boolean;
+        isLastPage: boolean;
-            isLastPage: boolean;
+        isLeadingPage: boolean;
-            isLeadingPage: boolean;
+        isDragging: boolean;
-            isDragging: boolean;
+    }) => {
-        }) => {
         const theme = useTheme();
 
+        const { isVertical, isHorizontal } = getProgressBarPositionInfo(progressBarPosition);
+
         return (
             <ReaderProgressBarSlot
                 key={pageUrl}

src/modules/reader/components/overlay/progress-bar/variants/StandardReaderProgressBar.tsx

@@ -71,8 +71,6 @@ const BaseStandardReaderProgressBar = ({
                             pageUrl={page.primary.url}
                             primaryPageLoadState={primaryPageLoadState}
                             secondaryPageLoadState={secondaryPageLoadState}
-                            isHorizontal={isHorizontal}
-                            isVertical={isVertical}
                             progressBarPosition={progressBarPosition}
                             isCurrentPage={isCurrentPage}
                             isFirstPage={pagesIndex === 0}
@@ -81,7 +79,7 @@ const BaseStandardReaderProgressBar = ({
                             isDragging={isDragging}
                         />
                     ),
-                    [isHorizontal, isVertical, isDragging, progressBarPosition],
+                    [progressBarPosition, isDragging],
                 )}
                 slotProps={{
                     container: {