feat: Add production troubleshooting tools and remove eye icon from ActivityFeed

- Add diagnose-production.sh script for comprehensive production diagnostics
- Add fix-production.sh script for automatic production issue resolution
- Add PRODUCTION_TROUBLESHOOTING.md documentation with step-by-step guides
- Remove eye icon from ActivityFeed header (keep only X button for minimize)
- Improve error handling and network connectivity checks

app/components/ActivityFeed.tsx

@@ -13,8 +13,6 @@ import {
   ChevronUp,
   Activity,
   X,
-  Eye,
-  EyeOff,
 } from "lucide-react";
 
 // Types matching your n8n output
@@ -1190,7 +1188,7 @@ export default function ActivityFeed() {
             className="flex items-center gap-2 text-white/60 hover:text-white transition-colors"
             title="Activity tracking is disabled. Click to enable."
           >
-            <EyeOff size={16} />
+            <Activity size={16} />
             <span className="text-xs">Tracking disabled</span>
           </button>
         </motion.div>
@@ -1218,19 +1216,8 @@ export default function ActivityFeed() {
                 <p className="text-[10px] text-white/50">Loading...</p>
               </div>
             </div>
-            <div className="flex items-center gap-2">
-              <button
-                onClick={(e) => {
-                  e.stopPropagation();
-                  toggleTracking();
-                }}
-                className="p-1.5 hover:bg-white/10 rounded-lg transition-colors"
-                title="Disable activity tracking"
-                aria-label="Disable tracking"
-              >
-                <Eye size={14} className="text-white/60 hover:text-white" />
-              </button>
-            </div>
+          <div className="flex items-center gap-2">
+          </div>
           </div>
         </motion.div>
       </div>
@@ -1299,22 +1286,6 @@ export default function ActivityFeed() {
             </div>
           </div>
           <div className="flex items-center gap-2">
-            {/* Toggle Tracking Button */}
-            <button
-              onClick={(e) => {
-                e.stopPropagation();
-                toggleTracking();
-              }}
-              className="p-1.5 hover:bg-white/10 rounded-lg transition-colors"
-              title={isTrackingEnabled ? "Disable activity tracking" : "Enable activity tracking"}
-              aria-label={isTrackingEnabled ? "Disable tracking" : "Enable tracking"}
-            >
-              {isTrackingEnabled ? (
-                <Eye size={14} className="text-white/60 hover:text-white" />
-              ) : (
-                <EyeOff size={14} className="text-white/60 hover:text-white" />
-              )}
-            </button>
             <div
               onClick={(e) => {
                 e.stopPropagation();