সমস্যা: after a refresh url fragment/anchor(/#example) not working properly

[Jisan-mia]

easy way of getting the error is by following

1. https://devsonket.com/bootstrap5 paste the link in your browser
2. click on any title fragment link, and you'll get the below error

see the issue by yourself:

1. enter the website `https://devsonket.com/'
2. click on bootstrap5 cheatsheet, which takes me to this URL https://devsonket.com/bootstrap5
3. click on the 4th title fragment link which is হরিজেন্টাল অ্যালাইনমেন্ট
4. this adds the fragment to the cheatsheet URL like this https://devsonket.com/bootstrap5#হরিজেন্টাল%20অ্যালাইনমেন্ট and scrolls down on that section হরিজেন্টাল অ্যালাইনমেন্ট, works fine till now
5. now refresh the current page
6. and click on another title fragment link `ভার্টিকাল অ্যালাইনমেন্ট'
7. now the url becomes like this https://devsonket.com/bootstrap5/bootstrap5#ভার্টিকাল%20অ্যালাইনমেন্ট and redirects to the এখানে কিছু পাওয়া যায় নি! page
8. the same pattern applies to every other cheatsheet
9. also this same thing happens when we share a cheatsheet link with someone

I assume the issue could occur from these lines

devsonket.github.io/src/components/common/Card.js

Line 39 in 2f7bce2

<Link to={`/${id}`}>

devsonket.github.io/src/components/common/Sheet.js

Line 96 in 2f7bce2

<a href={`${slug}#${title}`}>