Sonarr + Caddy + Tailscale configuration

[wanbinkimoon]

Sonarr version: 4.0.15.2941-ls293 by linuxserver.io
OS: docker on mac OS
Description of issue:
Cannot configure sonar to be accessible on my VPN.

I’m running sonar on the dockerized version as follows

    sonarr:
      image: lscr.io/linuxserver/sonarr:latest
      container_name: sonarr
      environment:
        - PUID=1000
        - PGID=1000
        - TZ=Etc/UTC
      volumes:
        - sonarr-config:/config
        - "./sonarr/config.xml:/config/config.xml:rw"
        - ${VOLUME_SHOWS_FOLDER}:/tv 
        - ${VOLUME_TORRENT_FOLDER}:/downloads 
      ports:
        - 8989:8989
      restart: unless-stopped
      networks:
        - mediaserver-network

The XML config looks like this:

<Config>
  <BindAddress>*</BindAddress>
  <Port>8989</Port>
  <SslPort>9898</SslPort>
  <EnableSsl>False</EnableSsl>
  <LaunchBrowser>True</LaunchBrowser>
  <ApiKey>XXXXXXXX</ApiKey>
  <AuthenticationMethod>External</AuthenticationMethod>
  <Branch>main</Branch>
  <LogLevel>debug</LogLevel>
  <SslCertPath></SslCertPath>
  <SslCertPassword></SslCertPassword>
  <UrlBase>/sonarr</UrlBase>
  <InstanceName>Sonarr</InstanceName>
  <UpdateMechanism>Docker</UpdateMechanism>
  <AuthenticationRequired>Enabled</AuthenticationRequired>
</Config>

I run my caddy as follows:

myserverurl.com {
    handle_path /sonarr* {
        reverse_proxy sonarr:8989 {
            header_up X-Forwarded-Proto https
            header_up X-Forwarded-Host {host}
            header_up X-Real-IP {remote}
            header_up X-Forwarded-For {remote}
        }
    }
}

Despite looking online I cannot find the root cause of whyI cannot access the sonarr server.

With this config whenever I try to acces https://myserverurl.com/sonarr I’m redirected to https://myserverurl.com/login?redirUrl=2f%

Help