feat: stub out margin trading tab

src/components/Layout/index.tsx

@@ -9,6 +9,7 @@ import {
   ShoppingOutlined,
   HomeOutlined,
   RocketOutlined,
+  LineChartOutlined
 } from "@ant-design/icons";
 
 import BasicLayout from "@ant-design/pro-layout";
@@ -104,8 +105,17 @@ export const AppLayout = (props: any) => {
                   {LABELS.MENU_LIQUIDATE}
                 </Link>
               </Menu.Item>
+              <Menu.Item key="6" icon={< LineChartOutlined/>}>
+                <Link
+                  to={{
+                    pathname: "/marginTrading",
+                  }}
+                >
+                  {LABELS.MARGIN_TRADING}
+                </Link>
+              </Menu.Item>
               {env !== "mainnet-beta" && (
-                <Menu.Item key="6" icon={<RocketOutlined />}>
+                <Menu.Item key="7" icon={<RocketOutlined />}>
                   <Link
                     to={{
                       pathname: "/faucet",

src/constants/labels.ts

@@ -19,6 +19,7 @@ export const LABELS = {
   MENU_BORROW: "Borrow",
   MENU_LIQUIDATE: "Liquidate",
   MENU_FAUCET: "Faucet",
+  MARGIN_TRADING: "Margin Trading",
   APP_TITLE: "Oyster Lending",
   CONNECT_BUTTON: "Connect",
   WALLET_TOOLTIP: "Wallet public key",

src/routes.tsx

@@ -20,6 +20,7 @@ import {
   WithdrawView,
   LiquidateView,
   LiquidateReserveView,
+  MarginTrading,
 } from "./views";
 
 export function Routes() {
@@ -72,6 +73,11 @@ export function Routes() {
                         path="/liquidate/:id"
                         children={<LiquidateReserveView />}
                       />
+                      <Route
+                        exact
+                        path="/marginTrading"
+                        children={<MarginTrading />}
+                      />
                       <Route exact path="/faucet" children={<FaucetView />} />
                     </Switch>
                   </AppLayout>

src/views/index.tsx

@@ -10,3 +10,4 @@ export { FaucetView } from "./faucet";
 export { RepayReserveView } from "./repayReserve";
 export { LiquidateView } from "./liquidate";
 export { LiquidateReserveView } from "./liquidateReserve";
+export { MarginTrading } from "./marginTrading";

src/views/marginTrading/index.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+import { LABELS } from "../../constants";
+import "./style.less";
+import { Card } from "antd";
+
+export const MarginTrading = () => {
+
+  return (
+    <div className="liquidate-container">
+      
+    </div>
+  );
+};

src/views/marginTrading/style.less

@@ -0,0 +1 @@
+@import '~antd/es/style/themes/default.less';