Synchronize Angular Signal or Computed Value With LocalStorage Using Effect

Angular's reactive signals provide a way to manage state, but you may also want to persist that state across page refreshes or browser sessions.

This can be achieved by synchronizing the signal's value with the browser's local storage using an effect