guest user and logged in user handling on cart page

[varsha84]

Description

This PR fixes:

1. Delivery Form and Contact Form render based on auth (logged in user Vs guest) --> Fixed
2. TotalPrice Component always shows delivery charges when no item in cart --> Fixed
3. when Cart is Empty, Cart page will render message "your Cart is Empty"
4. CSS on Contact Form and Delivery Info -> Fixed
5. Cart page CSS align as per wireframe.
6. add/remove to favorite form shopping cart -> fixed
7. guest user click on favorite icon -> does not do anything

This PR must be merge after PR #245

Fixes #246 #253

How to test?

npm run dev got to http://localhost:3000/cart/ please clear your localStorage before testing by running localStorage.clear(); in your console

test with logged in user

• contact form and delivery info shall render properly
• add/remove favorite from cart

test without logged in

• contact form and delivery info will be hidden, when user is not logged in.
• nothing will happened on "add to favorite"

Checklist

• [x] I have performed a self-review of my own code
• [x] I have followed the name conventions for CSS Classnames and filenames, Components names and filenames, Style filenames, if you are in doubt check the the project README.MD and here https://github.com/HackYourFuture-CPH/curriculum/blob/master/review/review-checklist.md
• [x] I have commented my code, particularly in hard-to-understand areas, if you code was simple enough mark the box anyway
• [x] I have made corresponding changes to the documentation, if you code was simple enough mark the box anyway
• [ ] This PR is ready to be merged and not breaking any other functionality

[BikramRawat]

Also need to work on Responsiveness of the page.

[varsha84]

if you are linking to cart page. Please give the right path to access cart page.

[varsha84]

If we dont need the user id : need to remove from the menu path for this cart icon.

to: - Accepted. will remove the id from cart link

[varsha84]

Hi Varsha Really good job 👍. I approved this PR. Just I want one things from you. Can you add .cart-page front of every CSS classes from cartPage.style.css? Simon was talked about that and still working about this CSS changes. Thank you

Done 👍

[varsha84]

Its working fine. Just need to remove the id part from its path on the Menu component.

done 👍

[varsha84]

Thanks to all for reviewing and approve this PR 👍