Hugo - Paper Pagination not working

Hi! I am trying to do some modifications in the Hugo Paper theme, but when I am running this theme locally with around 10-12 posts, it still doesn’t show me the next page button or prev page. What can I do to resolve this? Here’s the pagination logic.

Here is the link of author’s hosted website : https://nanxiaobei.github.io/hugo-paper/

Please share a project, or at least a config. Or double-check yourself it is configured correctly.

Here you go
theme.toml

baseurl = "http://localhost:1313"
name = "Paper"
description = "Personal Website, Blog"
languageCode = "en-us"
title = "Hugo Paper Theme"
theme = "paper"
enableInlineShortcodes = true
menu =  "main"

File Structure Tree

.
├── LICENSE
├── README.md
├── content
│   ├── about.html
│   └── post
│       ├── Hello\ Hugo.md
│       ├── Sample\ Post2.md
│       ├── emoji.md
│       ├── markdown-syntax.md
│       ├── mathtypesetting.mmark
│       ├── placeholder-text.md
│       └── rich-content.md
├── i18n
│   ├── en.yaml
│   ├── ja.yaml
│   ├── ko.yaml
│   ├── ru.yaml
│   └── zh.yaml
├── images
├── layouts
│   ├── 404.html
│   ├── _default
│   │   ├── list.html
│   │   └── single.html
│   └── partials
│       ├── footer.html
│       ├── header.html
│       ├── math.html
│       └── resources
│           └── _gen
│               ├── assets
│               └── images
├── resources
│   └── _gen
│       ├── assets
│       └── images
├── static
│   ├── an-old-hope.min.css
│   ├── apple-touch-icon.png
│   ├── favicon.ico
│   ├── favicon.png
│   ├── highlight.min.js
│   ├── localhost_files
│   │   ├── all.css
│   │   ├── an-old-hope.min.css
│   │   ├── highlight.min.js
│   │   ├── livereload.js
│   │   └── style.css
│   ├── lost.jpg
│   └── style.css
└── theme.toml

17 directories, 34 files