fix(DEV-838): fix HeartOfSynbio

Fabio Maschirequested to merge
fabio/dev-838-fix-heartofsynbio-component into main

I thought it would be a single line fix (the padding-x was off), then I found all of this 🫠

Main points:

  • Fix medium screen layout (text was appearing outside of boxes)
  • Deduplicate packages/prebuilt/src/components/content/HeartOfSynbio/SynbioHeartLogo.tsx code
  • Use padding and add gaps according to Figma
  • Use standard breaking points to simplify logic
  • Organise breaking points in a logical order (from larger to smaller for instance)
  • ❗ dark and light should only change styling, not sizes ❗
Edited by Fabio Maschi

Merge request reports