Improve "MobileReaderProgressBar" progress bar click/drag handling

Convert clicks on the progress bar in such a way, that there is a "padding" around the page "dots".
Thus, e.g. even if the click was actually for page 1, if it is inside page 2 padding, it will behave like it was a click for page 2

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

@@ -145,6 +145,7 @@ const BaseMobileReaderProgressBar = ({
                     {getOptionForDirection(<SkipPreviousIcon />, <SkipNextIcon />, direction)}
                 </IconButton>
                 <ReaderProgressBar
+                    fullSegmentClicks={false}
                     createProgressBarSlot={useCallback(
                         (page, pagesIndex, _2, _3, _4, _5, isTrailingPage, totalPages) => (
                             <ReaderProgressBarSlotMobile

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

@@ -55,6 +55,7 @@ const BaseStandardReaderProgressBar = ({
     return (
         <ReaderProgressBarDirectionWrapper>
             <ReaderProgressBar
+                fullSegmentClicks
                 createProgressBarSlot={useCallback(
                     (
                         page,