Tooltip - align design documentation with code

[thrbnhrtmnn]

Description / User story

After #860 we found a few alignment issues in the current design documentation which should be fixed with this task.

In code "placement" refers to the preferred placement of the tooltip in reference to the element which a user has to hover for the tooltip to appear (the tooltip will be placed here only when the viewport allows it, if not the placement will automatically be adjusted so the tooltip is in view), whereas in design the "placement" refers to the arrow. To align this, we should update the design so the prop is aligned with code. This would also lead to the "none" option being removed from design and made its own boolean property named "hasArrow".

When looking at the design documentation, we could also improve the intro text by making more clear what the "element" which triggers the tooltip could be.

Requirements / Prerequisites

• none

Acceptance Criteria

• placement prop has been updated in design
• hasArrow has been added as a prop in design
• the intro text has been optimized

Additional information

• ...

Code of Conduct

• I agree to follow this project's Code of Conduct