Observation graph molecular component

[btmikolajczyk]

Issue: #278

---

PR Checklist

• [x] Give this PR a meaningful title
• [x] Add a link to the related issue at the top of this description (above)
• [x] Connect this PR with the related issue via ZenHub with the button below this text box (or at the bottom of the page after the PR is created)
• [x] Ensure your branch is up to date with the target branch and resolve any conflicts
• [ ] Answer the below questions to describe your PR for reviewers
• [ ] Request at least two reviewers using the "Reviewers" section on the right, usually including at least one reviewer from your team
• [ ] Notify the requested reviewers in the #code-review Slack channel once the PR is ready for review

---

Why are these changes needed?

It was necessary to adapt to the current design.

What changed?

Added a new way of calculating a point in the range. Refactored style to adopt the current design.

Screenshot

How are these changes tested?

Yes, all automatic tests are passing.