Add refresh controls and notification support

- Add refresh button to product list items with spinning animation
- Add editable refresh interval dropdown on product detail page
- Add user profile dropdown with settings link in navbar
- Create Settings page for Telegram and Discord configuration
- Add per-product notification options (price drop threshold, back in stock)
- Integrate notifications into scheduler for automatic alerts
- Add notification service supporting Telegram Bot API and Discord webhooks

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

backend/src/routes/settings.ts

@@ -0,0 +1,130 @@
+import { Router, Response } from 'express';
+import { AuthRequest, authMiddleware } from '../middleware/auth';
+import { userQueries } from '../models';
+
+const router = Router();
+
+// All routes require authentication
+router.use(authMiddleware);
+
+// Get notification settings
+router.get('/notifications', async (req: AuthRequest, res: Response) => {
+  try {
+    const userId = req.userId!;
+    const settings = await userQueries.getNotificationSettings(userId);
+
+    if (!settings) {
+      res.status(404).json({ error: 'User not found' });
+      return;
+    }
+
+    // Don't expose full bot token, just indicate if it's set
+    res.json({
+      telegram_configured: !!(settings.telegram_bot_token && settings.telegram_chat_id),
+      telegram_chat_id: settings.telegram_chat_id,
+      discord_configured: !!settings.discord_webhook_url,
+    });
+  } catch (error) {
+    console.error('Error fetching notification settings:', error);
+    res.status(500).json({ error: 'Failed to fetch notification settings' });
+  }
+});
+
+// Update notification settings
+router.put('/notifications', async (req: AuthRequest, res: Response) => {
+  try {
+    const userId = req.userId!;
+    const { telegram_bot_token, telegram_chat_id, discord_webhook_url } = req.body;
+
+    const settings = await userQueries.updateNotificationSettings(userId, {
+      telegram_bot_token,
+      telegram_chat_id,
+      discord_webhook_url,
+    });
+
+    if (!settings) {
+      res.status(400).json({ error: 'No settings to update' });
+      return;
+    }
+
+    res.json({
+      telegram_configured: !!(settings.telegram_bot_token && settings.telegram_chat_id),
+      telegram_chat_id: settings.telegram_chat_id,
+      discord_configured: !!settings.discord_webhook_url,
+      message: 'Notification settings updated successfully',
+    });
+  } catch (error) {
+    console.error('Error updating notification settings:', error);
+    res.status(500).json({ error: 'Failed to update notification settings' });
+  }
+});
+
+// Test Telegram notification
+router.post('/notifications/test/telegram', async (req: AuthRequest, res: Response) => {
+  try {
+    const userId = req.userId!;
+    const settings = await userQueries.getNotificationSettings(userId);
+
+    if (!settings?.telegram_bot_token || !settings?.telegram_chat_id) {
+      res.status(400).json({ error: 'Telegram not configured' });
+      return;
+    }
+
+    const { sendTelegramNotification } = await import('../services/notifications');
+    const success = await sendTelegramNotification(
+      settings.telegram_bot_token,
+      settings.telegram_chat_id,
+      {
+        productName: 'Test Product',
+        productUrl: 'https://example.com',
+        type: 'price_drop',
+        oldPrice: 29.99,
+        newPrice: 19.99,
+        currency: 'USD',
+      }
+    );
+
+    if (success) {
+      res.json({ message: 'Test notification sent successfully' });
+    } else {
+      res.status(500).json({ error: 'Failed to send test notification' });
+    }
+  } catch (error) {
+    console.error('Error sending test Telegram notification:', error);
+    res.status(500).json({ error: 'Failed to send test notification' });
+  }
+});
+
+// Test Discord notification
+router.post('/notifications/test/discord', async (req: AuthRequest, res: Response) => {
+  try {
+    const userId = req.userId!;
+    const settings = await userQueries.getNotificationSettings(userId);
+
+    if (!settings?.discord_webhook_url) {
+      res.status(400).json({ error: 'Discord not configured' });
+      return;
+    }
+
+    const { sendDiscordNotification } = await import('../services/notifications');
+    const success = await sendDiscordNotification(settings.discord_webhook_url, {
+      productName: 'Test Product',
+      productUrl: 'https://example.com',
+      type: 'price_drop',
+      oldPrice: 29.99,
+      newPrice: 19.99,
+      currency: 'USD',
+    });
+
+    if (success) {
+      res.json({ message: 'Test notification sent successfully' });
+    } else {
+      res.status(500).json({ error: 'Failed to send test notification' });
+    }
+  } catch (error) {
+    console.error('Error sending test Discord notification:', error);
+    res.status(500).json({ error: 'Failed to send test notification' });
+  }
+});
+
+export default router;