side widget: disable flash on quiz opening

src/widgets/side/QuizSideButton.tsx

@@ -24,6 +24,12 @@ export default function QuizSideButton({ quizId, position, buttonBackgroundColor
     const [isQuizShown, setIsQuizShown] = useState<boolean>(false);
     const isMobile = useMediaQuery("(max-width: 600px)");
     const isQuizCompleted = useQuizCompletionStatus(quizId);
+    const [isFlashEnabled, setIsFlashEnabled] = useState<boolean>(true);
+
+    function openQuiz() {
+        setIsQuizShown(true);
+        setIsFlashEnabled(false);
+    }
 
     return createPortal(
         <ThemeProvider theme={lightTheme}>
@@ -37,7 +43,7 @@ export default function QuizSideButton({ quizId, position, buttonBackgroundColor
                     {
                         m: 0,
                     },
-                    (!isMobile && !fullScreen) && {
+                    !(isMobile || fullScreen) && {
                         position: "absolute",
                         bottom: PADDING,
                         right: position === "right" ? PADDING : undefined,
@@ -59,7 +65,7 @@ export default function QuizSideButton({ quizId, position, buttonBackgroundColor
             <Button
                 className="pena-quiz-widget-button"
                 variant="contained"
-                onClick={() => setIsQuizShown(true)}
+                onClick={openQuiz}
                 disableFocusRipple
                 sx={[
                     {
@@ -82,7 +88,7 @@ export default function QuizSideButton({ quizId, position, buttonBackgroundColor
                     },
                 ]}
             >
-                {!isQuizCompleted && <RunningStripe />}
+                {!isQuizCompleted && isFlashEnabled && <RunningStripe />}
                 Пройти квиз
             </Button>
         </ThemeProvider>,