web/settings: move accessibility settings to the accessibility page

also rearranged the nav bar a bit to make it look cleaner

... and also accommodated for the new location of accessibility settings (oops)

web/src/routes/settings/+layout.svelte

@@ -11,6 +11,7 @@
 
     import IconLock from "@tabler/icons-svelte/IconLock.svelte";
     import IconSunHigh from "@tabler/icons-svelte/IconSunHigh.svelte";
+    import IconAccessible from "@tabler/icons-svelte/IconAccessible.svelte";
 
     import IconMovie from "@tabler/icons-svelte/IconMovie.svelte";
     import IconMusic from "@tabler/icons-svelte/IconMusic.svelte";
@@ -39,13 +40,13 @@
                 path="/settings/appearance"
                 title={$t("settings.page.appearance")}
                 icon={IconSunHigh}
-                iconColor="purple"
+                iconColor="blue"
             />
             <PageNavTab
-                path="/settings/privacy"
-                title={$t("settings.page.privacy")}
-                icon={IconLock}
-                iconColor="blue"
+                path="/settings/accessibility"
+                title={$t("settings.page.accessibility")}
+                icon={IconAccessible}
+                iconColor="purple"
             />
         </PageNavSection>
 
@@ -86,6 +87,12 @@
         </PageNavSection>
 
         <PageNavSection>
+            <PageNavTab
+                path="/settings/privacy"
+                title={$t("settings.page.privacy")}
+                icon={IconLock}
+                iconColor="gray"
+            />
             <PageNavTab
                 path="/settings/advanced"
                 title={$t("settings.page.advanced")}