feat: stack note complete content

[Schwehn42]

Description

Closes #2627
Reworks the stack view so that more content ist shown. If exceeding the height limit, the notes are scrollable. On Desktop, the parent will be displayed on the left hand side, while the child notes are on the right hand side. On Mobile, notes will remain on top of each other.

Changelog

• reorder notes on desktop
• make note content height dynamic
• add media query for mobile
• add a styled scrollbar

Checklist

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• The light- and dark-theme are both supported and tested
• The design was implemented and is responsive for all devices and screen sizes
• The application was tested in the most commonly used browsers (e.g. Chrome, Firefox, Safari)

(Optional) Visual Changes

Bildschirmaufnahme.2024-05-29.um.17.07.45.mov

[github-actions]

The deployment to the dev cluster was successful. You can find the deployment here: https://4180.development.scrumlr.fra.ics.inovex.io
This deployment is only for testing purposes and will be deleted after 1 week.
To redeploy rerun the workflow.
DO NOT STORE IMPORTANT DATA ON THIS DEPLOYMENT

Deployed Images

• ghcr.io/inovex/scrumlr.io/scrumlr-frontend:sha-0e73ee7

• ghcr.io/inovex/scrumlr.io/scrumlr-server:sha-0e73ee7

[octomind-dev]

🐙 Octomind

Test Report: 13/14 successful.

description	status	details
About Section Visibility Test	Passed ✅	click
change avatar	Passed ✅	click
check Privacy Policy	Passed ✅	click
check terms & conditions	Passed ✅	click
close cookie banner - front page	Passed ✅	click
close cookie banner - sign-in	Passed ✅	click
create and delete board columns	Passed ✅	click
create_and_delete_notes_and_actions_v2	Failed ❌	click
create lean coffee board	Passed ✅	click
edit_notes_and_actions_v5	Passed ✅	click
get started	Passed ✅	click
share_session	Passed ✅	click
sign-in	Passed ✅	click
test all ways to open the setup flow	Passed ✅	click

commit sha: 0e73ee7

[mateo-ivc]

lgtm