CFE-1 create project from the tamplate project and config project

src/core/components/notifications/ErrorNotification.jsx

@@ -0,0 +1,39 @@
+import DangerousIcon from "@mui/icons-material/Dangerous";
+import {Box, Typography} from "@mui/material";
+import {toast} from "react-toastify";
+
+const ErrorNotification = (t, status, message) => {
+    toast(
+        () => (
+            <>
+                <Box
+                    sx={{
+                        display: "flex",
+                        flexDirection: "column",
+                        alignItems: "start",
+                        justifyContent: "start",
+                    }}
+                >
+                    <Box sx={{display: "flex", alignItems: "center"}}>
+                        <DangerousIcon color="error" sx={{mr: 1.6}}/>
+                        <Box sx={{display: "flex", flexDirection: "column"}}>
+                            <Typography color="error" variant="button">
+                                {t("notifications.error")} ({t("notifications.code")}: {status})
+                            </Typography>
+                            <Typography variant="caption">
+                                {message || t("notifications.error_static_text")}
+                            </Typography>
+                        </Box>
+                    </Box>
+                </Box>
+            </>
+        ),
+        {
+            autoClose: false,
+            closeOnClick: false,
+            draggable: false,
+        }
+    );
+};
+
+export default ErrorNotification;