Error: Page tree failed to load due to encoding not working

Issue Summary

The encoding for @ it is not working as expected when navigating in Spaces.

Example: If we import a personal space in Confluence Cloud, the spacekey will be the email address, and when navigating the encoding it is not working, the address ~rscripcaru@atlassian.com is encoded to ~rscripcaru%40atlassian.com and the Blog/Overview page will fail to load with the error in the Developer tools:

"No space with key: ~rscripcaru%40atlassian.com"

Environment

Confluence Cloud

Steps to Reproduce

1. Space with the spacekey email address rscripcaru@atlassian.com
2. Notice that if we check Space Settings, the page is properly loaded
3. Whereas if we check Overview/Blog pages, there is an error:
   Something went wrong
   Refresh the page and try again. If this keeps happening, let us know using the link below.

Expected Results

The page should load as expected

Actual Results

The page is returning an error, due to encoding.

The below exception is thrown in the Developer tools:

PageTreeController.js:494 PageTree error 
{networkError: null, graphQLErrors: Array(1)}
graphQLErrors: Array(1)
0: {message: "No space with key: ~rscripcaru%40atlassian.com", path: Array(2), extensions: {…}}
length: 1
__proto__: Array(0)
networkError: null
__proto__: Object

Notes

Workaround

As the spacekey cannot be changed from the UI, please open a support case with us and we can change the spacekey for you until a permanent fix for this bug will be deployed.