feat: enhance audit logging, add MCP settings, and production docker setup

- Implemented comprehensive audit logging for Tasks, Users, Settings, Goals, Labels, AI Chat, and Rewards.
- Added Admin UI for MCP Server settings and Audit Logs.
- Created docker-compose-production.yml with Traefik configuration.
- Fixed backend bugs (missing storage methods, route closure).
- Added Audit Logging Guidelines.

client/src/pages/settings.tsx

@@ -6,7 +6,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';
-import { Globe, Tag, Plus, Edit, Trash2, Layers, User as UserIcon, ShieldCheck, Share2, Server, Copy, Settings as SettingsIcon } from 'lucide-react';
+import { Globe, Tag, Plus, Edit, Trash2, Layers, User as UserIcon, ShieldCheck, Share2, Server, Copy, Settings as SettingsIcon, Bell } from 'lucide-react';
 import { Switch } from '@/components/ui/switch';
 import { ShareAccessModal } from '@/components/ShareAccessModal';
 import { ChangePasswordModal } from '@/components/ChangePasswordModal';
@@ -17,6 +17,39 @@ import { User } from '@shared/schema';
 import { queryClient, apiRequest } from '@/lib/queryClient';
 import { useToast } from '@/hooks/use-toast';
 import { useLocation } from "wouter";
+import { useNotifications } from '@/hooks/use-notifications';
+
+const NotificationSettings = () => {
+  const { t } = useTranslation();
+  const { enabled, toggleEnabled, permission, requestPermission } = useNotifications({ poll: false });
+
+  const handleToggle = (checked: boolean) => {
+    if (checked && permission !== 'granted') {
+      requestPermission();
+    } else {
+      toggleEnabled(checked);
+    }
+  };
+
+  return (
+    <div className="flex items-center justify-between">
+      <div className="space-y-0.5">
+        <p className="font-medium">{t('notifications.enableBrowser')}</p>
+        <p className="text-sm text-muted-foreground">
+          {permission === 'denied' ?
+            <span className="text-destructive">Permission denied by browser. Please reset site permissions.</span> :
+            t('notifications.description')
+          }
+        </p>
+      </div>
+      <Switch
+        checked={enabled}
+        onCheckedChange={handleToggle}
+        disabled={permission === 'denied'}
+      />
+    </div>
+  );
+};
 
 interface SettingsProps {
   onNavigateToTemplates: () => void;
@@ -228,6 +261,22 @@ export default function Settings({ onNavigateToTemplates }: SettingsProps) {
         </>
       )}
 
+      {/* Notifications Settings */}
+      <Card data-testid="card-notifications">
+        <CardHeader>
+          <CardTitle className="flex items-center gap-2">
+            <Bell className="w-5 h-5" />
+            {t('notifications.title')}
+          </CardTitle>
+          <CardDescription>
+            {t('notifications.description')}
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <NotificationSettings />
+        </CardContent>
+      </Card>
+
       {/* Social & Privacy */}
       <Card>
         <CardHeader>