feat: Add edit/create/list sight page

src/pages/CreateSightPage/index.tsx

@@ -0,0 +1,61 @@
+import { Box, Tab, Tabs } from "@mui/material";
+import { InformationTab, RightWidgetTab } from "@widgets";
+import { LeftWidgetTab } from "@widgets";
+import { useState } from "react";
+
+function a11yProps(index: number) {
+  return {
+    id: `sight-tab-${index}`,
+    "aria-controls": `sight-tabpanel-${index}`,
+  };
+}
+
+export const CreateSightPage = () => {
+  const [value, setValue] = useState(0);
+
+  const handleChange = (_: React.SyntheticEvent, newValue: number) => {
+    setValue(newValue);
+  };
+
+  return (
+    <Box
+      sx={{
+        width: "100%",
+        display: "flex",
+        flexDirection: "column",
+        minHeight: "100vh",
+      }}
+    >
+      <Box
+        sx={{
+          borderBottom: 1,
+          borderColor: "divider",
+          display: "flex",
+          justifyContent: "center",
+        }}
+      >
+        <Tabs
+          value={value}
+          onChange={handleChange}
+          aria-label="sight tabs"
+          sx={{
+            width: "100%",
+            "& .MuiTabs-flexContainer": {
+              justifyContent: "center",
+            },
+          }}
+        >
+          <Tab sx={{ flex: 1 }} label="Общая информация" {...a11yProps(0)} />
+          <Tab sx={{ flex: 1 }} label="Левый виджет" {...a11yProps(1)} />
+          <Tab sx={{ flex: 1 }} label="Правый виджет" {...a11yProps(2)} />
+        </Tabs>
+      </Box>
+
+      <div className="flex-1">
+        <InformationTab value={value} index={0} />
+        <LeftWidgetTab value={value} index={1} />
+        <RightWidgetTab value={value} index={2} />
+      </div>
+    </Box>
+  );
+};