Remote Content Browsing: Clean the library page when displaying other available libraries.

[AllanOXDi]

Summary

This PR clean the library page when displaying other available libraries.

References

Reviewer guidance

Please see the figma design

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]

Build Artifacts

Asset type	Download link
PEX file	kolibri-0.16.0a12.dev0_git.12.g0aeb4a2a.pex
Windows Installer (EXE)	kolibri-0.16.0a12.dev0+git.12.g0aeb4a2a-unsigned.exe
Debian Package	kolibri_0.16.0a12.dev0+git.12.g0aeb4a2a-0ubuntu1_all.deb
Mac Installer (DMG)	kolibri-0.16.0a12.dev0+git.12.g0aeb4a2a-0.3.0.dmg
Source Tarball	kolibri-0.16.0a12.dev0+git.12.g0aeb4a2a.tar.gz
WHL file	kolibri-0.16.0a12.dev0+git.12.g0aeb4a2a-py2.py3-none-any.whl

[rtibbles]

The code changes make sense to me from a read through, and nothing is jumping out at me as blocking. Would be good to merge this ASAP so we can continue to build on top of it.

[rtibbles]

I wonder if this prop name could be changed just to device? As it seems from looking at the code this is just the information for a single device. allDevices suggests more than one to me!

[rtibbles]

As this component only handles one device at a time, this could be a computed prop instead, referencing this.device

[marcellamaki]

Hi @AllanOXDi - thanks for your work on this! I'm of similar mind to Richard. This is some good foundational work, and I think we should merge it and anything that remains, we can distribute among the team as follow up :)

I'll go ahead and merge, and then on Monday I'll prep any needed follow up issues on the Remote Browsing feature overall to be ready for the team to help with this coming iteration 🎉