Description

When using the site with multiple tabs open, each tab takes a copy of the local storage at page load time. This becomes problematic as the pages may overwrite the local storage data with the data stored on page load.

Steps To Reproduce

1. Open 2 or more tabs, each on a department page (where you see course info and click to select).
2. Optionally open another tab on the schedule page, to better observe the changes in the data.
3. On the first department page tab, select a course time. Reload the calendar page to see it appears.
4. On another department page tab, select another course time. Reload the calendar page to see the initial course has been overwritten.

This is especially problematic when the user opens 2 tabs, selects many courses on one, goes to the other tab to select one more course, and everything gets wiped out and replaced with the one course, requiring them to go through the whole process of selection again.

Observed On

Browser: Chrome v103.0.5060.114
OS: Windows