доработки сраницы установки квизов плюс восстановление стр формы контактов после мерджа

src/assets/LDownButton.svg

@@ -0,0 +1,8 @@
+<svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke="#7E2AEA" stroke-width="1.5"/>
+<rect x="7.5" y="62.5" width="49" height="64" rx="3.5" fill="#7E2AEA" stroke="#7E2AEA"/>
+<path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke="#7E2AEA" stroke-width="1.5"/>
+<circle cx="169.5" cy="8" r="2.5" fill="#7E2AEA"/>
+<circle cx="177.5" cy="8" r="2.5" fill="#7E2AEA"/>
+<circle cx="185.5" cy="8" r="2.5" fill="#7E2AEA"/>
+</svg>

src/assets/RDownButton.svg

@@ -0,0 +1,8 @@
+<svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke="#9A9AAF" stroke-width="1.5"/>
+<rect x="147.5" y="62.5" width="49" height="64" rx="3.5" fill="#9A9AAF" stroke="#9A9AAF"/>
+<path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke="#9A9AAF" stroke-width="1.5"/>
+<circle cx="169.5" cy="8" r="2.5" fill="#9A9AAF"/>
+<circle cx="177.5" cy="8" r="2.5" fill="#9A9AAF"/>
+<circle cx="185.5" cy="8" r="2.5" fill="#9A9AAF"/>
+</svg>

src/assets/icons/CopyIcon.tsx

@@ -4,9 +4,10 @@ import { Box, useTheme } from "@mui/material";
 interface Props {
     color?: string;
     bgcolor?: string;
+    marL?: string
 }
 
-export default function CopyIcon({ color, bgcolor }: Props) {
+export default function CopyIcon({ color, bgcolor, marL }: Props) {
     const theme = useTheme();
 
     return (
@@ -19,6 +20,7 @@ export default function CopyIcon({ color, bgcolor }: Props) {
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center",
+                marginLeft: 0 || marL
             }}
         >
             <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">

src/assets/icons/InstallQuizIcon/LDownButton.tsx

@@ -0,0 +1,30 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color: string;
+}
+
+export default function LDownButton({ color }: Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "130px",
+                width: "200px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke={color} strokeWidth="1.5"/>
+                <rect x="7.5" y="62.5" width="49" height="64" rx="3.5" fill={color} stroke={color}/>
+                <path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke={color} strokeWidth="1.5"/>
+                <circle cx="169.5" cy="8" r="2.5" fill={color}/>
+                <circle cx="177.5" cy="8" r="2.5" fill={color}/>
+                <circle cx="185.5" cy="8" r="2.5" fill={color}/>
+            </svg>
+        </Box>
+    );
+}

src/assets/icons/InstallQuizIcon/RDownButton.tsx

@@ -0,0 +1,30 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color: string;
+}
+
+export default function RDownButton({ color }: Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "130px",
+                width: "200px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="204" height="134" viewBox="0 0 204 134" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <rect x="1.25" y="1.25" width="201.5" height="131.5" rx="6.75" stroke={color} strokeWidth="1.5"/>
+                <rect x="147.5" y="62.5" width="49" height="64" rx="3.5" fill={color} stroke={color}/>
+                <path d="M202 14.75H202.75V14V8C202.75 4.27208 199.728 1.25 196 1.25H8C4.27208 1.25 1.25 4.27208 1.25 8V14V14.75H2H202Z" fill="#F2F3F7" stroke={color} strokeWidth="1.5"/>
+                <circle cx="169.5" cy="8" r="2.5" fill={color}/>
+                <circle cx="177.5" cy="8" r="2.5" fill={color}/>
+                <circle cx="185.5" cy="8" r="2.5" fill={color}/>
+            </svg>
+        </Box>
+    );
+}

src/assets/icons/NumberThree.tsx

@@ -0,0 +1,26 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color: string;
+}
+
+export default function NumberThree({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "30px",
+                width: "30px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 21.1875C16.9706 21.1875 21 17.1581 21 12.1875C21 7.21694 16.9706 3.1875 12 3.1875C7.02944 3.1875 3 7.21694 3 12.1875C3 17.1581 7.02944 21.1875 12 21.1875Z" stroke={color} strokeWidth="1.5" strokeMiterlimit="10"/>
+                <path d="M9.75 8.0625H14.25L11.625 11.8125C12.0567 11.8125 12.4817 11.919 12.8624 12.1225C13.243 12.326 13.5677 12.6203 13.8075 12.9792C14.0473 13.3381 14.1949 13.7507 14.2372 14.1803C14.2795 14.6099 14.2152 15.0433 14.05 15.4421C13.8848 15.8409 13.6238 16.1928 13.2901 16.4666C12.9564 16.7405 12.5603 16.9278 12.137 17.0121C11.7136 17.0963 11.276 17.0748 10.8629 16.9495C10.4498 16.8242 10.074 16.599 9.76875 16.2937" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+            </svg>
+        </Box>
+    );
+}

src/assets/icons/NumberTwo.tsx

@@ -0,0 +1,26 @@
+import { Box } from "@mui/material";
+
+
+interface Props {
+    color: string;
+}
+
+export default function NumberTwo({color}:Props) {
+
+    return (
+        <Box
+            sx={{
+                height: "30px",
+                width: "30px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+            }}
+        >
+            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M12 21.1875C16.9706 21.1875 21 17.1581 21 12.1875C21 7.21694 16.9706 3.1875 12 3.1875C7.02944 3.1875 3 7.21694 3 12.1875C3 17.1581 7.02944 21.1875 12 21.1875Z" stroke={color} strokeWidth="1.5" strokeMiterlimit="10"/>
+                <path d="M9.92813 9.06402C10.1303 8.58652 10.4913 8.19352 10.9499 7.9515C11.4085 7.70948 11.9366 7.6333 12.4449 7.73584C12.9533 7.83839 13.4106 8.11336 13.7395 8.51426C14.0684 8.91515 14.2487 9.41735 14.25 9.9359C14.252 10.3839 14.118 10.822 13.8656 11.1921V11.1921L9.75 16.6859H14.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+            </svg>
+        </Box>
+    );
+}