add now playing card settings

+ move left sidebar to separate component

src/settings/general/index.ts

@@ -1,15 +1,11 @@
 import { SettingCategory } from "@/interfaces/settings";
-import setNowPlayingComponent from "./now-playing";
-
-console.log(setNowPlayingComponent);
+import nowPlaying from "./now-playing";
 
 export default {
   title: "General",
   groups: [
     {
-      title: "Repeat queue",
-      desc: "Do you want to do that?",
-      settings: [setNowPlayingComponent()],
+      settings: [...nowPlaying],
     },
   ],
 } as SettingCategory;

src/settings/general/now-playing.ts

@@ -1,7 +1,19 @@
 import { SettingType } from "@/interfaces/settings";
+import useSettingsStore from "@/stores/settings";
 
-export default () => ({
-  title: "Use Sidebar now playing card",
-  type: SettingType.switch,
-  action: () => console.log("should toggle something"),
-});
+const settings = useSettingsStore;
+
+export default [
+  {
+    title: "Use left now playing card",
+    type: SettingType.switch,
+    source: () => settings().use_side_np,
+    action: () => settings().toggleUseSideNP(),
+  },
+  {
+    title: "Use right bottom now playing card",
+    type: SettingType.switch,
+    source: () => settings().use_right_np,
+    action: () => settings().toggleUseRightNP(),
+  },
+];