Initial implementation of the Resource management side panel

[AlexVelezLl]

Summary

• Initial layout for resource management side panel.
• You can access this side panel through the route /coach/#/:classId/lessonstemp/:lessonId/select-resources.

https://github.com/user-attachments/assets/9409d900-b739-406f-8616-92af2c8410d4

References

Closes #12786.

Reviewer guidance

• Go to /coach/#/:classId/lessonstemp/:lessonId/select-resources, and check that the side panel view matches the figma specs.
• Check that the acceptance criteria described in #12786 is met.

Follow ups

• There is a misalignment between the side panel title, and the close button, but this should be fixed later as #12819 is modifying that file and there will be conflicts that will need to be resolved in the future anyways.

[github-actions[bot]]

Build Artifacts

Asset type	Download link
PEX file	kolibri-0.18.0.dev0_git.20241120194238.pex
Windows Installer (EXE)	kolibri-0.18.0.dev0+git.20241120194238-windows-setup-unsigned.exe
Debian Package	kolibri_0.18.0.dev0+git.20241120194238-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.18.0.dev0+git.20241120194238.dmg
Android Package (APK)	kolibri-0.18.0.dev0+git.20241120194238-0.1.4-debug.apk
TAR file	kolibri-0.18.0.dev0+git.20241120194238.tar.gz
WHL file	kolibri-0.18.0.dev0+git.20241120194238-py2.py3-none-any.whl

[AlexVelezLl]

Clicking on manage resources does not seem to be working for me (when I am on lessonstemp route and browsing individual lesson).

Hi @ozer550, for this you can reload the page, and then it will work. This is a weird behaviour of how vue router mounts/unmounts the components on redirect, but reloading the page will work :).