FrontEnd: Orders Summary Component And UserProfilePage

[suvarna-ratna]

Description

This PR displays orders summary in the userProfilePage Please provide a short summary explaining what this PR is about.

Fixes #224 Fixes #213

How to test?

npm run storybook Please provide a short summary how your changes can be tested?

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
• [X] This PR is ready to be merged and not breaking any other functionality

[Impressiv3]

I'm trying to test it but at the moment I can only test it in storybook and it looks like this: Am I missing something here ? :D

[suvarna-ratna]

it works , but the look is not the same as wireframe! each summery is in individual box , but in your storybook they all in one box. and colors should be the same as wireframe too :)

Fixed now .. Pls have a look once .. Thank you

[suvarna-ratna]

I'm trying to test it but at the moment I can only test it in storybook and it looks like this: Am I missing something here ? :D

Fixed now .. Thank you for feedback