Navigating pages outside of st.pages

This is a discussion post.
Running streamlit version: 1.36
Components with issues: st.page, st.page_link, st.navigation.

I’m using st.navigation and st.page to build the sidebar and navigating between pages.
However, there are some pages that are outside of sidebar that I would like to add and neither st.page nor st.page_link seems to be working (as shown in the image below).

Even using st.markdown, the page doesn’t exist is what it complaints.

Page not found
The page that you have requested does not seem to exist. Running the app's main page.
st.markdown('<a href="/privacy_policy" target="_self">PrivacyPolicy</a>', unsafe_allow_html=True)
st.markdown('<a href="/FAQ" target="_self">FAQ</a>', unsafe_allow_html=True)

http://localhost:8501/privacyPolicy
http://localhost:8501/FAQ

how do I get the links working outside as shown in the image?

using st.page_link gives the following error
streamlit.errors.StreamlitAPIException: Could not find page: pages/FAQ.py. Must be the file path relative to the main script, from the directory: project. Only the main app file and files in the pages/ directory are supported.