Feature/quicklaunchpad landingpage

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.tabSize": 2
+}

src/App.tsx

@@ -49,6 +49,7 @@ const MigrateV2DetailsPage = lazy(() =>
   import('./pages/PoolsPage/v3/MigrateV2DetailsPage'),
 );
 const PositionPage = lazy(() => import('./pages/PoolsPage/v3/PositionPage'));
+const LaunchpadPage = lazy(() => import('./pages/LaunchpadPage'));
 
 import { PageLayout } from 'layouts';
 import { Popups, TermsWrapper } from 'components';
@@ -191,6 +192,12 @@ const App: React.FC = () => {
                         <SwapPage />
                       </PageLayout>
                     </Route>
+                    <Route exact strict path='/launch'>
+                      <PageLayout>
+                        <LaunchpadPage />
+                      </PageLayout>
+                    </Route>
+
                     <Route exact path='/bridge'>
                       <PageLayout>
                         <BridgePage />

src/components/Header/Header.tsx

@@ -124,6 +124,14 @@ const Header: React.FC<{ onUpdateNewsletter: (val: boolean) => void }> = ({
     });
   }
 
+  const launchTab: HeaderMenuItem = {
+    text: 'QuickLaunch',
+    id: 'quick-launch',
+    link: '/launch',
+    isNew: true,
+  };
+  menuItems.push(launchTab);
+
   const perpsTab: HeaderMenuItem = {
     text: t('Perps'),
     id: 'earn-tab',