Card fixes

[marcellamaki]

Summary

Makes some mostly-cosmetic card layout and styling adjustments. Does a teensy refactor to put the learning activity chips and icon mapping into kolibri-common, which will be used in 0.18 as part of the card and refactoring work.

References

Fixes #12280 Related slack conversation

Reviewer guidance

Testing updates: content cards (both channel and resources) used in coach resources management

• lesson and quiz creation
• Navigate up and down the topic tree from channel into folders and to resources and ensure all render correctly.
• Confirm that the layout and text does not collide even when on mobile screens, or when there is additional "helper text" on the card regarding question selection
• Ensure that there are no regressions in the lesson management work flow

Learn: I refactored the "LearningActivityChip" to kolibri-common so the places where it is used in learn should be regression tested.

It's present in the resource's information side panel accessed in

• Bookmarks - clicking on the info for the card
• Topics - clicking on the info for the card
• Content Renderer/Resource page - clicking on the info for the open resource
• Library - clicking on the info for the card

---

Testing checklist

• [ ] Contributor has fully tested the PR manually
• [ ] If there are any front-end changes, before/after screenshots are included
• [ ] Critical user journeys are covered by Gherkin stories
• [ ] Critical and brittle code paths are covered by unit tests

PR process

• [ ] PR has the correct target branch and milestone
• [ ] PR has 'needs review' or 'work-in-progress' label
• [ ] If PR is ready for review, a reviewer has been added. (Don't use 'Assignees')
• [ ] If this is an important user-facing change, PR or related issue has a 'changelog' label
• [ ] If this includes an internal dependency change, a link to the diff is provided

Reviewer checklist

• Automated test coverage is satisfactory
• PR is fully functional
• PR has been tested for accessibility regressions
• External dependency files were updated if necessary (yarn and pip)
• Documentation is updated
• Contributor is in AUTHORS.md

[github-actions[bot]]

Build Artifacts

Asset type	Download link
PEX file	kolibri-.pex
Windows Installer (EXE)	kolibri-0.17.0a0.dev0+git.153.g261c89ac-windows-setup-unsigned.exe
Debian Package	kolibri_0.17.0a0.dev0+git.153.g261c89ac-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.17.0a0.dev0+git.153.g261c89ac-0.4.2.dmg
Android Package (APK)	kolibri-0.17.0a0.dev0+git.153.g261c89ac-0.1.3-debug.apk
TAR file	kolibri-0.17.0a0.dev0+git.153.g261c89ac.tar.gz
WHL file	kolibri-0.17.0a0.dev0+git.153.g261c89ac-py2.py3-none-any.whl

[pcenov]

Hi @marcellamaki - looks great in both desktop and mobile view, couldn't spot any issues caused by the changes made here.

I'm gonna mention that I noticed the following issue with overlapping learning activity chips, which is preexisting and I'm not sure whether is not caused by anything on Studio's end:

https://github.com/learningequality/kolibri/assets/79847249/ccf1668a-dd5a-4518-a7b2-0b120a706d47

You can replicate it by going to the following resource Hoja de Reflexión para Estudiantes - Acertijos Wiixii