fix error message color

lib/components/ViewPublicationPage/ApologyPage.tsx

@@ -1,28 +1,29 @@
-import { Box, Typography } from "@mui/material";
-import { FallbackProps } from "react-error-boundary";
-
-type Props = Partial<FallbackProps>;
-
-export const ApologyPage = ({ error }: Props) => {
-    let message = "Что-то пошло не так";
-
-    if (error.message === "No questions found") message = "Нет созданных вопросов";
-    if (error.message === "Quiz already completed") message = "Вы уже прошли этот опрос";
-
-    return (
-        <Box
-            sx={{
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                height: "100%",
-            }}
-        >
-            <Typography
-                sx={{
-                    textAlign: "center",
-                }}
-            >{message}</Typography>
-        </Box>
-    );
-};
+import { Box, Typography } from "@mui/material";
+import { FallbackProps } from "react-error-boundary";
+
+type Props = Partial<FallbackProps>;
+
+export const ApologyPage = ({ error }: Props) => {
+    let message = "Что-то пошло не так";
+ 
+    if (error.message === "No questions found") message = "Нет созданных вопросов";
+    if (error.message === "Quiz already completed") message = "Вы уже прошли этот опрос";
+
+    return (
+        <Box
+            sx={{
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                height: "100%",
+            }}
+        >
+            <Typography
+                sx={{
+                    textAlign: "center",
+                    color: "text.primary",
+                }}
+            >{message}</Typography>
+        </Box>
+    );
+};

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@frontend/squzanswerer",
-    "version": "1.0.17",
+    "version": "1.0.18",
     "type": "module",
     "main": "./dist-package/index.js",
     "module": "./dist-package/index.js",