Group settings sidebar by context

Splits the settings sidebar into General, Context, and AI sections with calendar, contacts, and templates grouped together.

Author: ComputelessComputer

apps/desktop/src/sidebar/settings.test.tsx

@@ -89,12 +89,14 @@ describe("SettingsNav", () => {
       "Account",
       "Notifications",
       "Permissions",
+      "Context",
       "Calendar",
       "Contacts",
+      "Templates",
       "AI",
       "Transcription",
       "Intelligence",
-      "Templates",
+      "Personalization",
     ].forEach((label) => {
       expect(screen.getByText(label)).toBeTruthy();
     });

apps/desktop/src/sidebar/settings.tsx

@@ -73,6 +73,26 @@ export function SettingsNav() {
         { id: "notifications", label: t`Notifications`, icon: BellIcon },
       ],
     },
+    {
+      label: t`Context`,
+      items: [
+        {
+          action: "open-calendar",
+          label: t`Calendar`,
+          icon: CalendarIcon,
+        },
+        {
+          action: "open-contacts",
+          label: t`Contacts`,
+          icon: UsersIcon,
+        },
+        {
+          action: "open-templates",
+          label: t`Templates`,
+          icon: BookText,
+        },
+      ],
+    },
     {
       label: "AI",
       items: [
@@ -83,11 +103,6 @@ export function SettingsNav() {
           label: t`Personalization`,
           icon: SlidersHorizontalIcon,
         },
-        {
-          action: "open-templates",
-          label: t`Templates`,
-          icon: BookText,
-        },
       ],
     },
   ];
@@ -100,17 +115,6 @@ export function SettingsNav() {
     });
   }
 
-  groups[0].items.push({
-    action: "open-calendar",
-    label: t`Calendar`,
-    icon: CalendarIcon,
-  });
-  groups[0].items.push({
-    action: "open-contacts",
-    label: t`Contacts`,
-    icon: UsersIcon,
-  });
-
   return (
     <div className="flex h-full w-full flex-col overflow-hidden">
       <CustomSidebarHeader title={<Trans>Settings</Trans>} />