Реализован интерфейс согласий

figma/src/app/pages/History.tsx

@@ -1,4 +1,4 @@
-import { Clock, ArrowLeft, Bell, AlertCircle, Calendar, MessageCircle, Tag } from 'lucide-react';
+import { Clock, ArrowLeft, Bell, AlertCircle, Calendar, MessageCircle, Tag, Smartphone } from 'lucide-react';
 import { useNavigate } from 'react-router';
 import { getActiveMessages, CompanyMessage } from '../data/companyMessages';
 
@@ -7,6 +7,7 @@ function getIcon(type: CompanyMessage['type']) {
   if (type === 'reminder') return <Calendar className="w-4 h-4" />;
   if (type === 'message') return <MessageCircle className="w-4 h-4" />;
   if (type === 'promo') return <Tag className="w-4 h-4" />;
+  if (type === 'install') return <Smartphone className="w-4 h-4" />;
   return <Bell className="w-4 h-4" />;
 }
 
@@ -15,6 +16,7 @@ function typeColors(type: CompanyMessage['type']) {
   if (type === 'reminder') return { icon: 'bg-primary/10 text-primary', dot: 'bg-primary' };
   if (type === 'message') return { icon: 'bg-[#c8e6c9] text-[#2e7d32]', dot: 'bg-[#43a047]' };
   if (type === 'promo') return { icon: 'bg-[#fff3cd] text-[#e65100]', dot: 'bg-[#fb8c00]' };
+  if (type === 'install') return { icon: 'bg-[#d1c4e9] text-[#4527a0]', dot: 'bg-[#7c4dff]' };
   return { icon: 'bg-muted text-muted-foreground', dot: 'bg-muted-foreground' };
 }