feat: Add edit/create/list sight page

src/widgets/SightEdit/index.tsx

@@ -1,7 +1,7 @@
-import { Unlink } from "lucide-react";
+import { ImagePlus, Unlink } from "lucide-react";
 
 import { Trash2 } from "lucide-react";
-import { TextField } from "@mui/material";
+import { Box, TextField } from "@mui/material";
 import { ReactMarkdownEditor } from "@widgets";
 
 export const SightEdit = () => {
@@ -24,9 +24,52 @@ export const SightEdit = () => {
       </div>
 
       <div className="flex flex-col gap-3 w-[350px]">
-        <p>Превью</p>
+        <p className="mb-4">Превью</p>
+        <Box
+          className="rounded-2xl overflow-hidden"
+          sx={{
+            width: "100%",
+            minHeight: 500,
 
-        <div className=" w-full  bg-red-500">1</div>
+            background: "#877361",
+            borderColor: "grey.300",
+          }}
+        >
+          {!false && (
+            <Box
+              sx={{
+                width: "100%",
+                height: 200,
+
+                backgroundColor: "grey.300",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+              }}
+            >
+              <ImagePlus size={48} color="grey" />
+            </Box>
+          )}
+          <Box
+            sx={{
+              width: "100%",
+              background: "#877361",
+              borderColor: "grey.300",
+            }}
+          >
+            <Box
+              sx={{
+                width: "100%",
+                height: 40,
+
+                backgroundColor: "#a39487",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+              }}
+            ></Box>
+          </Box>
+        </Box>
       </div>
     </div>
   );