fix: replace free-brands-svg-icons with pro-duotone in integrations page

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/pages/integrations.tsx

@@ -1,12 +1,16 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {
     faPhone,
-    faWhatsapp,
-    faFacebook,
-    faGoogle,
-    faInstagram,
-} from '@fortawesome/free-brands-svg-icons';
-import { faGlobe, faEnvelope, faCopy, faCircleCheck, faCircleXmark } from '@fortawesome/pro-duotone-svg-icons';
+    faCommentDots,
+    faSquare,
+    faMagnifyingGlass,
+    faCamera,
+    faGlobe,
+    faEnvelope,
+    faCopy,
+    faCircleCheck,
+    faCircleXmark,
+} from '@fortawesome/pro-duotone-svg-icons';
 import { Badge } from '@/components/base/badges/badges';
 import { Button } from '@/components/base/buttons/button';
 import { TopBar } from '@/components/layout/top-bar';
@@ -112,7 +116,7 @@ export const IntegrationsPage = () => {
                 <IntegrationCard
                     name="WhatsApp Business"
                     description="Send templates, receive messages, automate outreach"
-                    icon={faWhatsapp}
+                    icon={faCommentDots}
                     iconColor="text-green-600"
                     status="disconnected"
                     details={[]}
@@ -122,7 +126,7 @@ export const IntegrationsPage = () => {
                 <IntegrationCard
                     name="Facebook Lead Ads"
                     description="Auto-import leads from Facebook ad campaigns"
-                    icon={faFacebook}
+                    icon={faSquare}
                     iconColor="text-blue-600"
                     status="disconnected"
                     details={[]}
@@ -132,7 +136,7 @@ export const IntegrationsPage = () => {
                 <IntegrationCard
                     name="Google Ads"
                     description="Sync leads from Google Search and Display campaigns"
-                    icon={faGoogle}
+                    icon={faMagnifyingGlass}
                     iconColor="text-red-500"
                     status="disconnected"
                     details={[]}
@@ -142,7 +146,7 @@ export const IntegrationsPage = () => {
                 <IntegrationCard
                     name="Instagram Lead Ads"
                     description="Capture leads from Instagram ad forms"
-                    icon={faInstagram}
+                    icon={faCamera}
                     iconColor="text-pink-600"
                     status="disconnected"
                     details={[]}