remove description (not needed lol) and optimize naming convention for new setting

web/i18n/en/settings.json

@@ -16,10 +16,7 @@
     "theme.light": "light",
     "theme.dark": "dark",
     "theme.description": "auto theme switches between light and dark themes depending on your device's display mode.",
-
-    "sidebar": "sidebar",
-    "sidebar.dark.title": "dark sidebar",
-    "sidebar.dark.description": "by default, the sidebar will be dark in light theme. if you'd prefer it to match the light theme, enable this option.",
+    "theme.darksidebar": "dark sidebar",
 
     "video.quality": "video quality",
     "video.quality.max": "8k+",

web/src/components/sidebar/Sidebar.svelte

@@ -29,7 +29,7 @@
 <nav
     id="sidebar"
     aria-label={$t("a11y.tabs.tab_panel")}
-    class:always-dark={$settings.appearance.darkSidebar}
+    class:dark={$settings.appearance.darkSidebar}
 >
     <CobaltLogo />
     <div id="sidebar-tabs" role="tablist">

web/src/routes/+layout.svelte

@@ -225,7 +225,7 @@
     }
 
     :global([data-theme="dark"]),
-    :global(#sidebar.always-dark) {
+    :global(#sidebar.dark) {
         --sidebar-bg: #101010;
         --sidebar-text: #f4f4f4;
         --sidebar-highlight: #f4f4f4;

web/src/routes/settings/appearance/+page.svelte

@@ -29,8 +29,7 @@
         <SettingsToggle
             settingContext="appearance"
             settingId="darkSidebar"
-            title={$t("settings.sidebar.dark.title")}
-            description={$t("settings.sidebar.dark.description")}
+            title={$t("settings.theme.darksidebar")}
         />
     {/if}
 </SettingsCategory>