Merge branch 'dev' into 'staging'

реактивность доступных привелегий, описание тарифов из description

See merge request frontend/squiz!263

src/App.tsx

@@ -81,7 +81,7 @@ const LazyLoading = ({ children, fallback }: SuspenseProps) => (
   <Suspense fallback={fallback ?? <></>}>{children}</Suspense>
 );
 
-function useUserAccountFetcher<T = UserAccount>({
+export function useUserAccountFetcher<T = UserAccount>({
   onError,
   onNewUserAccount,
   url,

src/pages/Tariffs/tariffsUtils/createTariffElements.tsx

@@ -51,7 +51,7 @@ export const createTariffElements = (
               }),
           }}
           headerText={tariff.name}
-          text={tariff.privileges.map((p) => `${p.name} - ${p.amount}`)}
+          text={tariff.description}
           price={
             <>
               {priceBeforeDiscounts !== priceAfterDiscounts && (

src/pages/createQuize/AvailablePrivilege.tsx

@@ -1,9 +1,34 @@
 import { Box, Typography } from "@mui/material";
-import { useUserStore } from "@root/user";
+import {
+  clearUserData,
+  OriginalUserAccount,
+  setUserAccount,
+  useUserStore,
+} from "@root/user";
+import { clearAuthToken, getMessageFromFetchError } from "@frontend/kitui";
+import { enqueueSnackbar } from "notistack";
+import { useUserAccountFetcher } from "../../App";
+import { useNavigate } from "react-router-dom";
 
 export default function AvailablePrivilege() {
   const user = useUserStore();
   const userPrivileges = user.userAccount?.privileges;
+  const userId = useUserStore((state) => state.userId);
+  const navigate = useNavigate();
+  useUserAccountFetcher<OriginalUserAccount>({
+    url: process.env.REACT_APP_DOMAIN + "/squiz/account/get",
+    userId,
+    onNewUserAccount: setUserAccount,
+    onError: (error) => {
+      const errorMessage = getMessageFromFetchError(error);
+      if (errorMessage) {
+        enqueueSnackbar(errorMessage);
+        clearUserData();
+        clearAuthToken();
+        navigate("/signin");
+      }
+    },
+  });
   console.log("это доступные привелегии", userPrivileges);
   const DayForm = ["день", "дня", "дней"];
   function declOfNum(n: number, text_forms: string[]) {