add margin trading menu

components/Header/menuData.tsx

@@ -13,6 +13,12 @@ export const mainMenuList: Imenu[] = [
     allLinks: ["/", "/markets", "/tokenDetail/[id]"],
     icon: <MarketIcon />,
   },
+  {
+    title: "Margin Trading",
+    link: "/marginTrading",
+    allLinks: ["/marginTrading", "/trading"],
+    icon: <MarketIcon />,
+  },
   { title: "Dashboard", link: "/dashboard", allLinks: ["/dashboard"], icon: <DashboardIcon /> },
   { title: "Staking", link: "/staking", allLinks: ["/staking"], icon: <StakeIcon /> },
 ];

pages/marginTrading.tsx

@@ -0,0 +1,3 @@
+import MarginTradingPage from "../screens/MarginTrading";
+
+export default MarginTradingPage;

pages/trading.tsx

@@ -0,0 +1,3 @@
+import TradingPage from "../screens/Trading";
+
+export default TradingPage;

screens/MarginTrading/index.tsx

@@ -0,0 +1,13 @@
+import { useAppDispatch } from "../../redux/hooks";
+import { LayoutBox } from "../../components/LayoutContainer/LayoutContainer";
+
+const MarginTrading = () => {
+  const dispatch = useAppDispatch();
+  return (
+    <LayoutBox className="flex flex-col items-center justify-center">
+      maring trading list page
+    </LayoutBox>
+  );
+};
+
+export default MarginTrading;

screens/Trading/index.tsx

@@ -0,0 +1,11 @@
+import { useAppDispatch } from "../../redux/hooks";
+import { LayoutBox } from "../../components/LayoutContainer/LayoutContainer";
+
+const Trading = () => {
+  const dispatch = useAppDispatch();
+  return (
+    <LayoutBox className="flex flex-col items-center justify-center">trading action page</LayoutBox>
+  );
+};
+
+export default Trading;