Milestone 2ka Consolidate CSS of other solid-panes elements

[timea-solid]

There are other panes and elements that need work, too:

IMPORTANT - some panes may only be visible once Power User is active.

Solid-panes:

• SocialPane
• Prefferences together with Trusted applications (in user guide)
• Dokieli pane
• Audio pane
• Video Pane
• Slideshow Pane
• Palylist pane
• Trip Pane
• Home pane

TODO for each:

• extracting all inline CSS in dedicated CSS files (example in profile-pane) Very important is to create dedicated CSS pane names. Example: if you use the .warning, its CSS will be coming from mash.css so create a dedicated .warning-contact for it if the one in mash.css does not fit.
• making sure the CSS is part of the release. Maybe we need a webpack) build, and an accompanying entry file (example index.ts)
• using already available CSS variables from mashlib light theme and documenting in the PR what other CSS variables could be moved to the main mashlib theme

[melvincarvalho]

Thanks for putting this together, @timea-solid ! I wrote the original Playlist Pane, so perhaps that could be a nice thing I could get back into?