Cookies are transmitted to the server with each request - so it makes sense to use them for something that is needed on the server. Let's say authorization, or, for example, view parameters, necessary when building a page on a server, such as a language.
Everything else that is necessary only at the frontend level, as I understand it, is better to keep in Local Storage. There and will get more, and there will be no problems with overflow (if there are too many cookies, some servers may stop issuing any answer whatsoever).
If absolutely all browsers like IE7 are needed, I would advise using a polyfill, so that in this case cookies are used only as a last resort.