[Feature] skin/style object about azusa-player-mobile HOT 1 CLOSED

more concrete proposal:

user defined skin JSON files can be loaded from a weblink. can be this repo.
this JSON object will be passed to a skin object constructor, like how style.tsx is doing now.
constructor constructs via StyleSheet.create. which really is an object with keys specifying styles for components.
the current skin JSON object will be stored into asyncStorage.
the constructed object will be saved into zustand.
constructed object will only be used in react components, thus regular zustand, not vanilla should just work to retrieve style object and load style.
When using a skin, zustand object is recreated and the object is saved into asyncStorage.

To start things off we need a dark and a light theme. Dark theme will be nox (black-yellow). light theme will be azusa (white-purple). These will be hardcoded in. The JSON skin files will specify whether the default is dark or light, to have default values applied if not specified, but the skin files are expected to define all necessary styles. Some assets were already collected in noxplayer.

code-wise, goal would be getting rid of most style={{ to style={[ that style.XXX will be used, to replace all currently manually defined styles.

from azusa-player-mobile.