Test Notifications client

components/dialogues/TestNotification.tsx

@@ -0,0 +1,24 @@
+import { Bell } from "lucide-react"
+
+export default function TestNotification() {
+    return (
+        <div>
+            <dialog id="test_notification" className="modal">
+                <div className="modal-box w-11/12 max-w-3xl border-l-4 border-success">
+                    <div className="flex items-center gap-3 mb-3">
+                        <div className="bg-success text-success-content rounded-full p-2 flex items-center justify-center">
+                            <Bell className="h-6 w-6" />
+                        </div>
+                        <h3 className="font-bold text-xl">Test Notification</h3>
+                    </div>
+    
+                    <div className="bg-base-200 p-4 rounded-lg mb-4">
+                        <p>
+                            This will send a test notification to the selected notification provider.
+                        </p>
+                    </div>
+                </div>
+            </dialog>
+        </div>
+    )
+}