I am building an app where i need different headers for client side routes, I tried many approaches found on internet e.g. add header() in next.config.mjs but this does not apply to client side routes as while routing via next js router, it does not refreshes the page, in order to change header of a client side route we need to refresh page to implement headers, then i also tried using next js middleware, but dont know why it is also not working , finnaly i came to a temporary fix which is instead of using next js router i am using window.navigation.herf to navigate as this rrefreshes the page before navigating but this ruins user experience, Please help me to solve this, to check out the code, here is the repo, https://github.com/ShreyTanna29/curious.AI , if you need any further info please let me know but help me fix this ASAP.