Consolidate CSS of other solid-panes elements

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

Start by reviewing the listed pane entry points, especially socialPane.js, dashboard/basicPreferences.ts, and the trustedApplications, dokieli, audio, video, slideshow, playlist, trip, and home directories. Compare the profile-pane styles example, webpack.config.mjs, and src/index.ts, then confirm each pane extracts inline CSS, includes it in the release, and uses or documents suitable mashlib theme variables.