Modify settings UI to only send changed values to server

- Compare each setting with its original value in the client
- Only include changed settings in the request payload
- Keep server-side processing unchanged

🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>

Author: dbieber

gonotego/settings-server/src/App.tsx

@@ -143,12 +143,29 @@ const SettingsUI = () => {
   const handleSave = async () => {
     setSaveStatus('saving');
     try {
+      // Create an object with only the changed settings
+      const changedSettings = {};
+      
+      // Compare each setting with its original value
+      for (const [key, value] of Object.entries(settings)) {
+        // Get the original value
+        const originalValue = originalSettings[key];
+        
+        // Check if this setting has changed using string comparison
+        // This handles all types of settings including arrays (via JSON.stringify)
+        if (JSON.stringify(value) !== JSON.stringify(originalValue)) {
+          changedSettings[key] = value;
+        }
+      }
+      
+      console.log('Sending only changed settings:', changedSettings);
+      
       const response = await fetch('/api/settings', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
         },
-        body: JSON.stringify(settings),
+        body: JSON.stringify(changedSettings),
       });
 
       if (!response.ok) {