Move SearchFiltersPanel into kolibri-common

[jredrejo]

Summary

• Moves SearchFiltersPanel component into kolibri-common, together with all children components that support it
• Document that because the SearchFiltersPanel uses injectSearch(), that wherever it is used, it requires useSearch() in the component ancestry (pending

Screenshot checking search, translations and info panel:

References

Closes: #12519

Reviewer guidance

Check all tasks described at #12519 are implemented
Check tests pass

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

• 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]

Build Artifacts

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

[rtibbles]

Moves SearchFiltersPanel component into kolibri-common, together with all children components that support it

This has moved all the components into the JS coreAPI, not into the kolibri-common package - this can be found in packages/kolibri-common.

Will need to reconcile the SidePanelModal in learn with the copy that was made into kolibri-common previously also.

[rtibbles]

Looks like there's already a copy of the SidePanelModal in kolibri-common, but it may have been altered. This may require some reconciliation to have it work as expected here and elsewhere.

[jredrejo]

With a small tweak iin one of the learn elements this SidePanelModal can be used here too without more changes. Done!

[rtibbles]

Changes look good, only regression I saw was this styling change in the 'folder resources' panel and the 'view information' panel - basically, when the SidePanelModal is used in the TopicsContentPage, the alignment of the headers is now off, compared to the 'X' button.

Before

After

[jredrejo]

Changes look good, only regression I saw was this styling change in the 'folder resources' panel and the 'view information' panel - basically, when the SidePanelModal is used in the TopicsContentPage, the alignment of the headers is now off, compared to the 'X' button.

Before

After

Fixed in all places where this component was used:

[rtibbles]

No regressions observed now!