Add Smart Insights feature to Sidepanel and refactor SidepanelSettings

src/utils/SidepanelConfig.js

@@ -7,13 +7,21 @@ export const DEFAULT_SIDEPANEL_CONFIG = [
     enabled: true,
     order: 0,
   },
+  {
+    id: 'smartInsights',
+    name: 'Smart Insights',
+    description: 'Quick actions based on your tasks',
+    iconName: 'TrendingUp',
+    enabled: false,
+    order: 1,
+  },
   {
     id: 'assignees',
     name: 'Tasks by Assignee',
     description: 'Groups tasks by who they are assigned to',
     iconName: 'Person',
     enabled: true,
-    order: 1,
+    order: 2,
   },
   {
     id: 'calendar',
@@ -21,7 +29,7 @@ export const DEFAULT_SIDEPANEL_CONFIG = [
     description: 'Shows tasks in a calendar format',
     iconName: 'CalendarMonth',
     enabled: true,
-    order: 2,
+    order: 3,
   },
   {
     id: 'activities',
@@ -29,7 +37,7 @@ export const DEFAULT_SIDEPANEL_CONFIG = [
     description: 'Shows recent task completions and activities',
     iconName: 'History',
     enabled: true,
-    order: 3,
+    order: 4,
   },
   {
     id: 'weeklyGoals',
@@ -37,21 +45,37 @@ export const DEFAULT_SIDEPANEL_CONFIG = [
     description: 'Shows weekly progress and family completion stats',
     iconName: 'EmojiEvents',
     enabled: true,
-    order: 4,
+    order: 5,
   },
 ]
 
 export const getSidepanelConfig = () => {
   const saved = localStorage.getItem('sidepanelConfig')
+  let savedConfig = []
+
   if (saved) {
     try {
-      return JSON.parse(saved)
+      savedConfig = JSON.parse(saved)
     } catch (error) {
       console.error('Error parsing sidepanel config:', error)
       return DEFAULT_SIDEPANEL_CONFIG
     }
   }
-  return DEFAULT_SIDEPANEL_CONFIG
+
+  // Merge saved config with default config
+  // This ensures new items in DEFAULT_SIDEPANEL_CONFIG are added to existing configs
+  const mergedConfig = DEFAULT_SIDEPANEL_CONFIG.map(defaultItem => {
+    const savedItem = savedConfig.find(item => item.id === defaultItem.id)
+    return savedItem || defaultItem
+  })
+
+  // Add any saved items that are no longer in default (for backwards compatibility)
+  const newSavedItems = savedConfig.filter(
+    savedItem =>
+      !DEFAULT_SIDEPANEL_CONFIG.find(item => item.id === savedItem.id),
+  )
+
+  return [...mergedConfig, ...newSavedItems]
 }
 
 export const saveSidepanelConfig = config => {