Component: Breadcrumb

[emettely]

Is your feature request related to a problem? Please describe.

We want a Breadcrumb component that shows users where they are in the tool's workflow.

Describe the solution you'd like

To be accepted, this component needs:

• To accurately display the path of the path that the user is on
• To allow users to click on the Breadcrumb to navigate to previous views of the tool

For this issue to be marked as complete, it must:

• Have been added to the Storybook
• Have been published on NPM
• Have been refactored for use in DPE client

The Breadcrumb component does not contain sub-components.

It receives the following props:

• items (array):
  • item.name (string)
  • item.link (string (path)) optional

Ex: Code for Breadcrumb in Project view

Describe alternatives you've considered

NA

Additional context

• Code https://github.com/bbc/digital-paper-edit-client/blob/master/src/Components/lib/CustomBreadcrumb/index.js
• Interface demo from client build bbc/digital-paper-edit-client - see demo
• Background info on storybook + npm setup: storybook, npm, webpack setup - draft react-transcript-editor#184
• See thinking in React from the React docs for more info on how to develop react components.

Checklist

• Fork the repository (external contributors)
• Create a branch with a meaningful name eg component-<component name>
• Add automated tests*
• Test suite passes (npm run test)
• Code is linted (npm run lint)
• Update documentation and QA docs - see updating the documentation*
• re-factoring for code quality and readability
• Setup your PR for review (start with a draft PR)
• Demonstrated (attach link or image)

*where appropriate