[Task 2] Interfaces, Header, Footer

[MZabolotnev]

• Main repository - https://github.com/MastersAcademy/fe-react-2024
• Design - https://www.figma.com/file/mRAOMdJiAsD8fHSVnYwUl9/React-web-page
• Branch name - task/02-interfaces

1. Implement the Product and Category interfaces for typing API responses based on swagger. You able to create helper interfaces for nesting.

2. Create static Header and Footer according to the design, without interactivity ("Burger" functional of open/close mobile menu could be skipped for the moment.).

3. Implement a dynamic FooterIcon component that includes two props: an icon and a URL. This component should display the passed data as per the design. Use this component to display icons in the footer. Don't forget about typing.

Acceptance criteria for 1

• Mentor is added to pr
• AC copied to pr description
• Link to deployed version is added to pr
• Interfaces for Product and Category based on swagger are created and exported in separate file.
• Static header and footer are created according to mobile and desktop designs.

Acceptance criteria for 1*

• Shared component SocialIcon is created and used for footer icons
• Link to social network and path to icon are passed to component by the typed props