cancel headers() caching

[MrOxMasTer]

Link to the code that reproduces this issue

https://github.com/MrOxMasTer/shopco/commit/9da44da590d9317cda07f6949a9982dd004952c7

To Reproduce

1. go to the auth page, using the person icon
2. to open a burger menu
3. to close the burger menu by clicking on the cross.
4. go to the home page by clicking on the logo
5. To try and open a menu burger
6. close menu
7. Realize that when you close, you've gone to the page you were on before (on the authentication page)

Current vs. Expected behavior

Every time the menu is opened, the data from headers() should be updated and with some processing put a new link (href) in the close button.

Provide environment information

Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Pro
  Available memory (MB): 16320
  Available CPU cores: 6
Binaries:
  Node: 20.12.2
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 14.2.1 // There is a newer version (14.2.2) available, upgrade recommended! 
  eslint-config-next: 14.1.3
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.4.5
Next.js Config:
  output: standalone

Which area(s) are affected? (Select all that apply)

Parallel & Intercepting Routes

Which stage(s) are affected? (Select all that apply)

next dev (local), Other (Deployed)

Additional context

I've tried all the different functions from noStore() to setting the page dynamic='force-dynamic', but no way to get an updated header