Move "ReaderTransitionPage" setting props to "withPropsFrom" HOC

src/modules/reader/components/viewer/ReaderTransitionPage.tsx

@@ -246,5 +246,8 @@ export const ReaderTransitionPage = withPropsFrom(
         'scrollbarYSize',
         'readerNavBarWidth',
         'backgroundColor',
+        'mode',
+        'readingMode',
+        'pageScaleMode',
     ],
 );

src/modules/reader/components/viewer/pager/BasePager.tsx

@@ -66,12 +66,7 @@ const BaseBasePager = ({
                 getImageWidthStyling(readingMode, shouldStretchPage, pageScaleMode, false, readerWidth),
             ]}
         >
-            <ReaderTransitionPage
+            <ReaderTransitionPage type={ReaderTransitionPageMode.PREVIOUS} />
-                type={ReaderTransitionPageMode.PREVIOUS}
-                mode={transitionPageMode}
-                readingMode={readingMode}
-                pageScaleMode={pageScaleMode}
-            />
             {pages.map((page, pagesIndex) =>
                 createPage(
                     page,
@@ -81,12 +76,7 @@ const BaseBasePager = ({
                     setRef,
                 ),
             )}
-            <ReaderTransitionPage
+            <ReaderTransitionPage type={ReaderTransitionPageMode.NEXT} />
-                type={ReaderTransitionPageMode.NEXT}
-                mode={transitionPageMode}
-                readingMode={readingMode}
-                pageScaleMode={pageScaleMode}
-            />
         </Box>
     );
 };