fixes

src/components/features/quiz/HeaderQuiz.js

@@ -10,6 +10,7 @@ export const HeaderQuiz = ({header}) => {
    const dispatch = useDispatch()
    const userId = localStorage.getItem('id');
    const userInfo = useSelector(selectUserInfo);
+   console.log(userInfo)
 
    useEffect(() => {
       dispatch(setUserInfo(userId))
@@ -26,6 +27,8 @@ export const HeaderQuiz = ({header}) => {
    }, [dispatch])
 
    return (
+       <div>
+       { userInfo?.status === 500 ? <div className="error-msg">{userInfo.message}</div> :
          <div className="header-quiz">
             <div className="header-quiz__container">
                {!userInfo ? <h2>Loading...</h2> :
@@ -42,5 +45,7 @@ export const HeaderQuiz = ({header}) => {
                }
             </div>
          </div>
+       }
+       </div>
    )
 }

src/components/features/quiz/quiz.scss

@@ -72,6 +72,14 @@ $maxWidthContainer: 1123;
     line-height: math.div(30, 25);
 }
 //=============================================
+
+.error-msg {
+    text-align: center;
+    font-size: 25px;
+    color: red;
+    font-weight: 500;
+}
+
 .header-quiz{
     @include adaptiv-value("padding-top", 48, 30, 1);
     @include adaptiv-value("padding-bottom", 85, 30, 1);