feat: remind users to optimize relay settings

src/components/AlertCard/index.tsx

@@ -0,0 +1,13 @@
+import { TriangleAlert } from 'lucide-react'
+
+export default function AlertCard({ title, content }: { title: string; content: string }) {
+  return (
+    <div className="p-3 rounded-lg text-sm bg-amber-100/20 dark:bg-amber-950/20 border border-amber-500 text-amber-500 [&_svg]:size-4">
+      <div className="flex items-center gap-2">
+        <TriangleAlert />
+        <div className="font-medium">{title}</div>
+      </div>
+      <div className="pl-6">{content}</div>
+    </div>
+  )
+}