fix(layout): refine pagination when JS is disabled

* fix the total number of pages
* hide the load more button and the progress bar
* remove the informative notice since it is no longer necessary
* if the page number is equal to 1, use Blog route directly (NextJS is
not able to redirect the user when JS is disabled)

1 files changed, 4 insertions, 2 deletions

diff --git a/src/components/organisms/posts-list/posts-list.tsx b/src/components/organisms/posts-list/posts-list.tsx
index ad5bed5..91b2e0d 100644
--- a/src/components/organisms/posts-list/posts-list.tsx
+++ b/src/components/organisms/posts-list/posts-list.tsx
@@ -222,7 +222,8 @@ const PostsListWithRef: ForwardRefRenderFunction<
       {total ? (
         <ProgressBar
           aria-label={progressInfo}
-          className={styles.progress}
+          // eslint-disable-next-line react/jsx-no-literals
+          className={`${styles.progress} js-only`}
           current={posts.length}
           isCentered
           isLoading={isLoading}
@@ -232,7 +233,8 @@ const PostsListWithRef: ForwardRefRenderFunction<
       ) : null}
       {onLoadMore && (!total || (total && posts.length < total)) ? (
         <Button
-          className={styles.btn}
+          // eslint-disable-next-line react/jsx-no-literals
+          className={`${styles.btn} js-only`}
           isLoading={isLoading}
           // eslint-disable-next-line react/jsx-no-literals
           kind="tertiary"