feat: check screen size to enable or disable settings

+ redesign (again!) the playlist cards

src/settings/general/extend-width.ts

@@ -5,9 +5,10 @@ const settings = useSettingsStore;
 
 const extend_to_full_width: Setting = {
   title: "Extend app to full screen width",
-  type: SettingType.switch,
+  type: SettingType.binary,
   source: () => settings().extend_width,
   action: () => settings().toggleExtendWidth(),
+  inactive: () => !settings().extend_width_enabled,
 };
 
 export default [extend_to_full_width];

src/settings/general/now-playing.ts

@@ -5,7 +5,7 @@ const settings = useSettingsStore;
 
 const use_alt_np: Setting = {
   title: "Use alternate now playing card",
-  type: SettingType.switch,
+  type: SettingType.binary,
   source: () => settings().use_alt_np,
   inactive: () => settings().disable_show_alt_np,
   action: () => settings().toggleUseRightNP(),

src/settings/general/sidebar.ts

@@ -5,7 +5,7 @@ const settings = useSettingsStore;
 
 const use_sidebar: Setting = {
   title: "Use right sidebar",
-  type: SettingType.switch,
+  type: SettingType.binary,
   source: () => settings().use_sidebar,
   action: () => settings().toggleDisableSidebar(),
 };