Implement switch list using useNavigate

[shahx95]

Draft PR to discuss an alternative implementation for Switch List

[github-actions]

Visit the preview URL for this PR (updated for commit 85e995b):

https://tcl-60-smart-shopping-list--pr48-switchtoken-sgja818g.web.app

_{(expires Sat, 03 Jun 2023 13:59:10 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 93ba99965233232f14cf05d9d95de4adc510bd3b}

[shahx95]

Problem:
When I click on Switch List, it clears the local storage but redirects to "/list" instead of "/"

[RajGM]

Problem: When I click on Switch List, it clears the local storage but redirects to "/list" instead of "/"

Even when I click on Home it's redirecting to /list not to /

[RajGM]

Main trouble is / is being redirected to /list

[shahx95]

Solution to the aforementioned problem:

Previously, the token was being directly removed from localStorage instead of utilizing setListToken() to update the list token state. This caused a mismatch between the localStorage and the state. When switch list was clicked, the token was removed from localStorage, but it still existed in listToken state. As a result, we saw a redirection to /list as per the homepage logic.

The problem has been addressed by creating a clearListToken function in the app which sets listToken to null. The clearListToken runs when switch list is clicked. By doing so, we resolve the discrepancy and ensure proper redirection to the homepage.

[labrocadabro]

We've got an extra switch list link

[shahx95]

We've got an extra switch list link

Thanks. Taken care of.

[labrocadabro]

Looks good!