Update alert

Author: carlagn

apps/eclipse/content/design-system/molecules/alert.mdx

@@ -4,7 +4,6 @@ description: A versatile alert component for displaying important messages and c
 ---
 
 import { Alert } from "@prisma-docs/eclipse";
-import { Terminal, AlertCircle, CheckCircle2, AlertTriangle } from "lucide-react";
 
 ### Usage
 
@@ -88,24 +87,23 @@ You can customize the icon by passing a custom icon component or pass `null` to
 
 ```tsx
 import { Alert } from "@prisma-docs/eclipse";
-import { Terminal, AlertCircle, CheckCircle2, AlertTriangle } from "lucide-react";
 
 export function CustomIconAlerts() {
   return (
     <>
-      <Alert variant="ppg" icon={<Terminal className="h-4 w-4" />}>
+      <Alert variant="ppg" icon={<i className="fa-regular fa-terminal h-4 w-4" />}>
         Alert with a custom terminal icon.
       </Alert>
 
-      <Alert variant="error" icon={<AlertCircle className="h-4 w-4" />}>
+      <Alert variant="error" icon={<i className="fa-regular fa-circle-exclamation h-4 w-4" />}>
         Alert with a custom error icon.
       </Alert>
 
-      <Alert variant="success" icon={<CheckCircle2 className="h-4 w-4" />}>
+      <Alert variant="success" icon={<i className="fa-regular fa-check h-4 w-4" />}>
         Alert with a custom success icon.
       </Alert>
 
-      <Alert variant="warning" icon={<AlertTriangle className="h-4 w-4" />}>
+      <Alert variant="warning" icon={<i className="fa-regular fa-triangle-exclamation h-4 w-4" />}>
         Alert with a custom warning icon.
       </Alert>
 
@@ -119,26 +117,25 @@ export function CustomIconAlerts() {
 
 <div className="not-prose my-6 space-y-4">
   <p className="text-sm font-semibold mb-4">Live Examples:</p>
+    <Alert variant="ppg" icon={<i className="fa-regular fa-terminal h-4 w-4" />}>
+      Alert with a custom terminal icon.
+    </Alert>
 
-  <Alert variant="ppg" icon={<Terminal className="h-4 w-4" />}>
-    Alert with a custom terminal icon.
-  </Alert>
-
-  <Alert variant="error" icon={<AlertCircle className="h-4 w-4" />}>
-    Alert with a custom error icon.
-  </Alert>
+    <Alert variant="error" icon={<i className="fa-regular fa-circle-exclamation h-4 w-4" />}>
+      Alert with a custom error icon.
+    </Alert>
 
-  <Alert variant="success" icon={<CheckCircle2 className="h-4 w-4" />}>
-    Alert with a custom success icon.
-  </Alert>
+    <Alert variant="success" icon={<i className="fa-regular fa-check h-4 w-4" />}>
+      Alert with a custom success icon.
+    </Alert>
 
-  <Alert variant="warning" icon={<AlertTriangle className="h-4 w-4" />}>
-    Alert with a custom warning icon.
-  </Alert>
+    <Alert variant="warning" icon={<i className="fa-regular fa-triangle-exclamation h-4 w-4" />}>
+      Alert with a custom warning icon.
+    </Alert>
 
-  <Alert variant="ppg" icon={null}>
-    Alert without an icon.
-  </Alert>
+    <Alert variant="ppg" icon={null}>
+      Alert without an icon.
+    </Alert>
 </div>
 
 **Rich MDX Content**