feat(app): add question editor (#425)

* feat(app): add question editor

* refactor(app): remove paragraph id

* feat(app): add mutation error handler

* fix(app): fix elements position

* fix(app): fix modal position

* fix(app): fix modal center position

* feat(app): add webpackChunkName

Author: AdiPol1359

apps/app/package.json

@@ -18,6 +18,7 @@
 		"@tanstack/react-query": "4.20.4",
 		"@tanstack/react-query-devtools": "4.20.4",
 		"client-only": "0.0.1",
+		"easymde": "2.18.0",
 		"next": "13.0.8-canary.0",
 		"next-mdx-remote": "4.2.0",
 		"openapi-typescript-fetch": "1.1.3",

apps/app/public/typeofweb-logo.svg

@@ -0,0 +1,33 @@
+"use client";
+
+import { ComponentProps } from "react";
+import Logo from "../../public/typeofweb-logo.svg";
+import { useUIContext } from "../providers/UIProvider";
+import { BaseModal } from "./BaseModal";
+import { Button } from "./Button/Button";
+
+export const AddQuestionConfirmationModal = (props: ComponentProps<typeof BaseModal>) => {
+	const { closeModal } = useUIContext();
+
+	return (
+		<BaseModal {...props}>
+			<div className="flex flex-col items-center text-center text-primary">
+				<p>
+					Jeszcze momencik… a Twoje pytanie pojawi się na liście dostępnych pytań. Najpierw musimy
+					rzucić na nie okiem i zatwierdzić.
+					<br /> W międzyczasie zajrzyj na bloga ❤️
+				</p>
+
+				<a href="https://typeofweb.com/" target="_blank" rel="noreferrer">
+					<div className="mt-7 h-32 w-32 rounded-md bg-white p-2 shadow-[0_0_10px] shadow-neutral-700/20 transition-colors hover:bg-neutral-50">
+						<Logo className="h-full w-full" viewBox="0 0 400 400" />
+					</div>
+				</a>
+
+				<Button type="button" variant="alternative" className="mt-8" onClick={closeModal}>
+					OK!
+				</Button>
+			</div>
+		</BaseModal>
+	);
+};