Adds dashboard placeholder route and component (#764)

Co-authored-by: Harshil Sharma <harshilsharma63@gmail.com>

webapp/i18n/en.json

@@ -32,6 +32,8 @@
   "ContentBlock.moveDown": "Move down",
   "ContentBlock.moveUp": "Move up",
   "ContentBlock.text": "text",
+  "DashboardPage.title": "Welcome to Focalboard (Beta)!",
+  "DashboardPage.message": "Use Focalboard to create and track tasks for projects big and small using familiar kanban-boards, tables, and other views.",
   "Dialog.closeDialog": "Close dialog",
   "EditableDayPicker.today": "Today",
   "EmptyCenterPanel.no-content": "Add or select a board from the sidebar to get started.",

webapp/src/app.tsx

@@ -16,6 +16,7 @@ import {getMessages} from './i18n'
 import {FlashMessages} from './components/flashMessages'
 import BoardPage from './pages/boardPage'
 import ChangePasswordPage from './pages/changePasswordPage'
+import DashboardPage from './pages/dashboardPage'
 import ErrorPage from './pages/errorPage'
 import LoginPage from './pages/loginPage'
 import RegisterPage from './pages/registerPage'
@@ -91,6 +92,12 @@ const App = React.memo((): JSX.Element => {
                                         )
                                     }}
                                 />
+                                <Route
+                                    exact={true}
+                                    path='/dashboard'
+                                >
+                                    <DashboardPage/>
+                                </Route>
                                 <Route path='/:boardId?/:viewId?'>
                                     {initialLoad && !user && <Redirect to='/login'/>}
                                     <BoardPage/>

webapp/src/pages/dashboardPage.scss

@@ -0,0 +1,9 @@
+.DashboardPage {
+    margin: 25px 50px;
+
+    .dashboard-title {
+        font-size: 30px;
+        font-weight: bold;
+        margin: 10px 0;
+    }
+}

webapp/src/pages/dashboardPage.tsx

@@ -0,0 +1,26 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+import React from 'react'
+import {FormattedMessage} from 'react-intl'
+
+import './dashboardPage.scss'
+
+const DashboardPage = React.memo(() => (
+    <div className='DashboardPage'>
+        <div className='dashboard-title'>
+            <FormattedMessage
+                id='DashboardPage.title'
+                defaultMessage='Welcome to Focalboard (Beta)!'
+            />
+        </div>
+
+        <div>
+            <FormattedMessage
+                id='DashboardPage.message'
+                defaultMessage='Use Focalboard to create and track tasks for projects big and small using familiar kanban-boards, tables, and other views.'
+            />
+        </div>
+    </div>
+))
+
+export default DashboardPage