[ISSUE 61] - Navigate to a clicked on list automatically

[kolesnikova-dev]

This pull request suggests a functionality that allows a user to be automatically redirected to the list page when clicking on a list name on the home page.

Description

SingleList component on click navigates to a '/list' page via useNavigate(). A setTimeout is added to ensure a smooth experience.

Related Issue

closes #61

Acceptance Criteria

• Clicking on a list name redirects the user to the appropriate list page automatically.
• Tests, Documentation, and ChangeLogs are updated accordingly.
• Peer reviews and approvals from the team.

Type of Changes

enhancement

Updates

After

Testing Steps / QA Criteria

• ran npm start and signed in
• clicked on list names to ensure redirection

[github-actions]

Visit the preview URL for this PR (updated for commit 69199e3):

https://tcl-75-smart-shopping-list--pr67-navigate-to-list-pmrnk58d.web.app

_{(expires Mon, 07 Oct 2024 16:52:52 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 1f1fd53c369e1fa31e15c310aa075b4e8f4f8dde}