renamed folders

src/app/create-report/CreateReport.scss

@@ -0,0 +1,20 @@
+.create-report {
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+  h2 {
+    text-align: start;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .create-report {
+    gap: 30px;
+  }
+}
+
+@media screen and (max-width: 550px) {
+  .create-report {
+    gap: 20px;
+  }
+}

src/app/create-report/page.tsx

@@ -0,0 +1,22 @@
+import Typography from "@/shared/ui/components/Typography/Typography";
+import "./CreateReport.scss";
+import dynamic from "next/dynamic";
+
+const DynamicForm = dynamic(
+  () => import("@/widgets/ReportForm/ReportForm"),
+  {
+    ssr: false,
+  }
+);
+
+const CreateReport = () => {
+  return (
+    <div className="create-report page-padding">
+      <Typography element="h2">Написать обращение</Typography>
+
+      <DynamicForm />
+    </div>
+  );
+};
+
+export default CreateReport;