feat: Select article list in sight

src/pages/CreateSightPage/index.tsx

@@ -1,7 +1,9 @@
 import { Box, Tab, Tabs } from "@mui/material";
+import { articlesStore, cityStore } from "@shared";
 import { InformationTab, RightWidgetTab } from "@widgets";
 import { LeftWidgetTab } from "@widgets";
-import { useState } from "react";
+import { useEffect, useState } from "react";
+import { observer } from "mobx-react-lite";
 
 function a11yProps(index: number) {
   return {
@@ -10,13 +12,19 @@ function a11yProps(index: number) {
   };
 }
 
-export const CreateSightPage = () => {
+export const CreateSightPage = observer(() => {
   const [value, setValue] = useState(0);
-
+  const { getCities } = cityStore;
+  const { getArticles } = articlesStore;
   const handleChange = (_: React.SyntheticEvent, newValue: number) => {
     setValue(newValue);
   };
 
+  useEffect(() => {
+    getCities();
+    getArticles();
+  }, []);
+
   return (
     <Box
       sx={{
@@ -58,4 +66,4 @@ export const CreateSightPage = () => {
       </div>
     </Box>
   );
-};
+});