refactor(react/dialogs): separate alert component

apps/client/src/widgets/react/Alert.tsx

@@ -0,0 +1,17 @@
+import { ComponentChildren } from "preact";
+
+interface AlertProps {
+    type: "info" | "danger";
+    title?: string;
+    children: ComponentChildren;
+}
+
+export default function Alert({ title, type, children }: AlertProps) {
+    return (
+        <div className={`alert alert-${type}`}>
+            {title && <h4>{title}</h4>}
+
+            {children}
+        </div>
+    );
+}