literally any functionality that needs to persist state and you want to use offline and between reloads? See also Progressive Web Apps (PWAs).
Having to base64 encode most/all of it so you can safely use any kind of data makes it even worse.
My use case was very basic and I quickly hit limits that made it so I couldn't "persist" all of the data I wanted.
Storing information on the client makes your site a lot more transparent about what it's keeping. If I have various user preferences in local storage you can tell that's what I'm doing and why, but if I just cookie you with an opaque token you have no idea what I'm tracking with that on the server.
> window.localStorage
Storage {dark-mode-toggle: 'light', cid: '2722...', length: 2}
Ignore the "length" (implementation detail) and you can see it's storing whether I've turned on dark mode and some id that's likely per-user. If I switch the page to dark mode I see instead: > window.localStorage
Storage {dark-mode-toggle: 'dark', cid: '2722...', length: 2}