add dashboard file and widget folder

client/src/pages/admin/AdminPage.tsx

@@ -23,6 +23,7 @@ import { getRoles } from '../../actions/roles'
 import { logoutUser } from '../../actions/user'
 import { useAppDispatch, useAppSelector } from '../../hooks'
 import CompetitionManager from './competitions/CompetitionManager'
+import Dashboard from './dashboard/Dashboard'
 import RegionManager from './regions/Regions'
 import { LeftDrawer } from './styled'
 import UserManager from './users/UserManager'
@@ -138,9 +139,7 @@ const AdminView: React.FC = () => {
         <div className={classes.toolbar} />
         <Switch>
           <Route exact path={[path, `${path}/startsida`]}>
-            <Typography variant="h1" noWrap>
-              Startsida
-            </Typography>
+            <Dashboard />
           </Route>
           <Route path={`${path}/regioner`}>
             <RegionManager />

client/src/pages/admin/dashboard/Dashboard.tsx

+import Box from '@material-ui/core/Box'
+import React from 'react'
+import CurrentUser from './widgets/CurrentUser'
+// import * from '@material-ui/core'
+
+const Dashboard: React.FC = () => {
+  return (
+    <div className="widget-container">
+      <Box display="flex" flexDirection="row" p={1} m={1} bgcolor="text.disabled">
+        <CurrentUser />
+      </Box>
+    </div>
+  )
+}
+
+export default Dashboard

client/src/pages/admin/dashboard/widgets/CurrentUser.tsx

+import { Box } from '@material-ui/core'
+import React from 'react'
+
+// import * from '@material-ui/core'
+
+const CurrentUser: React.FC = () => {
+  return (
+    <div>
+      <Box color="text.primary" bgcolor="secondary.main" fontFamily="h3.fontFamily" width="200%" height="200%">
+        Current User Widget
+      </Box>
+    </div>
+  )
+}
+
+export default CurrentUser