Redesign learnplan page

[Gamius00]

Screen.Recording.2026-06-25.at.21.45.13.mov

Implemented UI for Learnplans.

@FleetAdmiralJakob Please test on android devices.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: e1d2e4e9-f2f2-4c9e-b97d-34c8da3a7c20

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch redesign-learnplan-page

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[FleetAdmiralJakob]

We are missing a lot of things in this PR. E.g.: The button in the bottom-right corner:

Or the fact that you can drag the card to the side for more actions:

Additionally the badges are currently not applied correctly aswell. Why does it say "Scheduled" here when it should actually say "Today"? The next session is today, after all. (Image is from yesterday)

We also need to align it fully with the design system. No more manual colour use please. All the stuff like corner radii, colours, spaces etc. need to derive from the design system. If something is not possible to do with our current design system, then please let me know and I will fix this inside the design system. I want everything to fully use the design system and nothing else. Example here are the colours of the badges. They currently don't derive from the design system but are set manually. I updated the colours in the design system in this PR: #145. Please merge PR #145 and then pull the changes here and use the design system colours.

[FleetAdmiralJakob]

We are missing the homeworks aswell. Please add them.

https://www.figma.com/design/hYwGEiBKByoJxqxrJcS69y/LernApp?node-id=1829-6154&t=rbJDOEKsMb2cZmjT-4