p6/7 started (Freezing due to no experience in redux)

labs/lab8/src/testing/features/Quiz.tsx

@@ -0,0 +1,25 @@
+import { Box, Button, Container, Typography } from '@mui/material';
+import { quiz } from "../quizData";
+import Matching from './Matching';
+
+function Quiz() {
+   
+  return (
+    <Container maxWidth="md">
+      {quiz.map((item, index) => (
+        <Box key={item.id} component="section" sx={{ m: 2, p:2 }}>
+          <Typography variant="h5" gutterBottom>
+                {index + 1}. { item.title }
+          </Typography>
+          <Matching tasks={item.tasks} />
+        </Box>
+        ))}
+      <Box sx={{ display: 'flex', justifyContent:'space-around' }}>
+        <Button variant="contained">Проверить</Button>
+        <Button variant="contained">Начать снова</Button>
+      </Box>
+    </Container>
+  );
+}
+
+export default Quiz