Rebuilding and modifying the styles of the atomic component Header

[btmikolajczyk]

Issue: #92

---

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
• [X] Answer the below questions to describe your PR for reviewers
• [X] Request at least two reviewers using the "Reviewers" section on the right, usually including at least one reviewer from your team
• [x] Notify the requested reviewers in the #code-review Slack channel once the PR is ready for review

---

Why are these changes needed?

Due to the fact that previous styles should be replaced with styles based on Bootstrap classes, it is necessary to change these styles in the atomic components first.

What changed?

Header - atomic component was changed. New styles were created from the bootstrap classes.

How are these changes tested?

Changes were tested with the storybook. Because Header - atomic component is used in almost all resource components, the change of its code impacts all of them. It may look strange at the moment, but the position of the header elements will be changed when editing individual components

[btmikolajczyk]

looks like there might be a class name that doesn't have a corresponding css selector anymore

hi @tim1uphealth we leave these classes to give the library user the ability to overwrite bootstrap styles with their own using CSS files, in which it will be possible to place selectors that will correspond to the class names.