♿ [#2584] Refactor heading architecture (no flexbox)

[jiromaykin]

issue: https://taiga.maykinmedia.nl/project/open-inwoner/task/2584

for a correct screenreader order, interactive elements should not be inside a Heading element.

Connected to PR maykinmedia/open-inwoner-design-tokens#10

Since design-tokens have been updated: $ npm ci --legacy-peer-deps
and $ npm run build

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.13%. Comparing base (8f65345) to head (f109a4a).
Report is 1 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #1299   +/-   ##
========================================
  Coverage    95.13%   95.13%           
========================================
  Files          983      983           
  Lines        35847    35847           
========================================
  Hits         34104    34104           
  Misses        1743     1743           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.