Checklist

• Include a description of your pull request and instructions for the reviewer to verify your work.
• Link to the issue if this PR is issue-specific.
• Create/update the corresponding story if this includes a UI component.
• Create/update documentation. If not included, tell us why.
  to do after the type and the naming of the component are approved
• List the environments / browsers in which you tested your changes.
• Tests, linting, or other required checks are passing.
• PR has an informative and human-readable title
  • PR titles are used to generate the change log in releases; good ones make that easier to scan.
  • PRs will be broadly categorized in the change log, but for even easier scanning, consider prefixing with a component name or other useful categorization, e.g., "BaseButton: fix layout bug", or "Storybook: Update dependencies".
• PR has been tagged with a SemVer label and a general category label, or skip-changelog.
  • These tags are used to do the aforementioned broad categorization in the change log and determine what the next release's version number should be.
  • Release Drafter will attempt to do the category labeling for you! Please double-check its work.

Description

In this PR I've implemented the CircleImage component, part of the www-frontend Timeline page:

• used BaseImagePlaceholder and 'BadeHeading' components to make use of the built-in features
• added prop type to control the image position. Defaults to the left
• added props to control the content: required title and label, as well as optional secondaryLabel
• structured CSS in a way that allows to control the image position not just by props, but by direct CSS declarations to make it easier to use ion pages like www- Timeline
• size and positioning of the component are not hard-coded and will be handled when the component is used on the actual page
• on click function will also be added when the component is used on the actual page

Screenshots

Instructions to test

check the BackToTop story in the Storybook

Tested in the following environments/browsers:

Operating System

• MacOS
• iOS
• iPadOS
• Windows

Browser

• Chrome
• Firefox ESR
• Firefox
• Safari
• Edge