[bug]: the name of the ayah is not changing while reading

[ui-mo]

Is there an existing issue for this?

• There is no exsiting issue for this bug

Describe the bug

When i was reading the surah Maryam i was getting the result but when i change the ayah to read something else , like surah Yusuf i was getting the result but in the left hand side the name is not changing there like class name is not changing

Relevant log output

no response

Steps to reproduce

1. go to any browser search quran.com
2. search any surah
   3)read any surah and then go to the next surah
   4)but on the left hand side the name is not changing it can be fixed somehow

Environment (please complete the following information) and Add any other context about this bug

windows 11-chrome, brave

bug pic

Environment

Production(quran.com)

[3rg1s]

Giving a bit more context here, is that when you scroll down a bit the name of the surah will change. Looks like there is no action when we click on a surah, therefore the title will not change. I will try to have a look into this. Due to limited knowledge of next.js I can't tackle this issue. I will happily add an e2e tests for this..

[ui-mo]

yeah when i scroll down the name of the surah changes.