[ISSUE 22] - Add new items from list page

[kolesnikova-dev]

Description

• This code simply adds AddItems component to the List component.
• MUI components, such as Box and Grid, are used to create an appealing layout, following Material Design's recommended responsive grid system.
• The tests have been updated to ensure that the AddItems component is displayed, even if the user has no items added to the selected list.

Related Issue

Closes #68

Acceptance Criteria

• Users can add items without navigating away from the list view.
• Tests, Documentation, and ChangeLogs are updated to reflect this change.

Type of Changes

enhancement

Updates

Before

After

Testing Steps / QA Criteria

1. Ran npm start and went to localhost
2. Opened lists with items and ensured that AddItems component is being displayed

[github-actions]

Visit the preview URL for this PR (updated for commit 73eedc4):

https://tcl-75-smart-shopping-list--pr74-nk-add-items-from-li-x2cgb3vo.web.app

_{(expires Wed, 23 Oct 2024 14:56:29 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 1f1fd53c369e1fa31e15c310aa075b4e8f4f8dde}