Client: Small cosmetic fixes

client/src/App.js

@@ -155,7 +155,7 @@ class App extends Component {
                 <Route exact path='/teams/:slug' component={Teams} />
                 <Route
                   exact
-                  path='/(dashboard|manage-teams|team-members|settings)/'
+                  path='/(dashboard|manage-teams|team-members|financial-beings|settings)/'
                   render={props => <Dashboard {...props} auth={auth} />}
                 />
                 <Route

client/src/views/about/index.js

@@ -34,12 +34,12 @@ const About = ({ classes }) => (
     <main className={classes.layout}>
       <div className={classes.heroContent}>
         <Typography
-          variant='display3'
+          variant='display1'
           align='center'
           color='textPrimary'
           gutterBottom
         >
-          Collaborate. Innovate. Evolve.
+          Welcome to Advanced Algos Teams!
         </Typography>
         <Typography
           variant='title'
@@ -47,7 +47,33 @@ const About = ({ classes }) => (
           color='textSecondary'
           component='h3'
         >
-          Welcome to the Advanced Algos Teams Module
+          This module is responsible for managing teams and their members across the Advanced Algos system. You can browser teams and their details, and with an account, create and manage your own teams.
+        </Typography>
+        <Typography
+          align='center'
+          color='textSecondary'
+          component='p'
+        >
+          <strong>Development Status</strong><br />This module is is currently under heavy development. Implementation started 1st of September 2018 and this is the result of the 1st sprint of 2 weeks of work.
+        </Typography>
+        <Typography
+          align='center'
+          color='textSecondary'
+          component='p'
+        >
+          <strong>What can you do?</strong><br />Basic team creation and management.
+        </Typography>
+        <Typography
+          align='center'
+          color='textSecondary'
+          component='p'
+        >
+          <strong>What is next?</strong><br />
+          <ol>
+            <li> Managing team profile images.</li>
+            <li> Managing team members - inviting members and administrating roles</li>
+            <li> More detailed team profiles + allowing members to apply to recruiting teams</li>
+          </ol>
         </Typography>
       </div>
     </main>

client/src/views/dashboard/components/CreateTeamDialog.js

@@ -11,7 +11,6 @@ import FormHelperText from '@material-ui/core/FormHelperText'
 import Dialog from '@material-ui/core/Dialog'
 import DialogActions from '@material-ui/core/DialogActions'
 import DialogContent from '@material-ui/core/DialogContent'
-import DialogContentText from '@material-ui/core/DialogContentText'
 import DialogTitle from '@material-ui/core/DialogTitle'
 import Typography from '@material-ui/core/Typography'
 import { isEmpty } from '../../../utils/js-helpers'
@@ -104,7 +103,6 @@ export class CreateTeamDialog extends Component {
               >
                 <DialogTitle id='form-dialog-title'>Create a Team</DialogTitle>
                 <DialogContent>
-                  <DialogContentText>Team Name:</DialogContentText>
                   <FormControl
                     required
                     error={this.state.errors.name !== '' || error}

client/src/views/dashboard/components/DrawerLinks.js

@@ -16,6 +16,7 @@ const DashboardLink = props => <Link to='/dashboard' {...props} />
 const TeamsLink = props => <Link to='/manage-teams' {...props} />
 const MembersLink = props => <Link to='/team-members' {...props} />
 const SettingsLink = props => <Link to='/settings' {...props} />
+const FBLink = props => <Link to='/financial-beings' {...props} />
 const DocumentationLink = props => (
   <a
     href='https://advancedalgos.net/documentation-quick-start.shtml'
@@ -47,7 +48,7 @@ export const MainDrawerItems = (
       </ListItemIcon>
       <ListItemText primary='Team Members' />
     </ListItem>
-    <ListItem button component={TeamsLink}>
+    <ListItem button component={FBLink}>
       <ListItemIcon>
         <AndroidIcon />
       </ListItemIcon>

client/src/views/dashboard/index.js

@@ -12,6 +12,7 @@ import { MainDrawerItems, SecondaryDrawerItems } from './components/DrawerLinks'
 
 import Overview from './Overview'
 import ManageTeams from './ManageTeams'
+import FinancialBeings from './FinancialBeings'
 import TeamMembers from './TeamMembers'
 import Settings from './Settings'
 
@@ -65,6 +66,7 @@ const Dashboard = ({ classes }) => (
         <Route exact path='/dashboard' component={Overview} />
         <Route exact path='/manage-teams' component={ManageTeams} />
         <Route exact path='/team-members' component={TeamMembers} />
+        <Route exact path='/financial-beings' component={FinancialBeings} />
         <Route exact path='/settings' component={Settings} />
       </Switch>
     </main>

client/src/views/home/index.js

@@ -47,7 +47,7 @@ const Home = ({ classes }) => (
           color='textSecondary'
           component='h3'
         >
-          Welcome to the Advanced Algos Teams Module
+          Welcome to Advanced Algos Teams
         </Typography>
       </div>
     </main>

client/src/views/navbar/index.js

@@ -93,7 +93,7 @@ class NavBar extends Component {
               color='inherit'
               className={classes.toolbarTitle}
             >
-              Teams Module
+              Teams
             </Typography>
 
             <IconButton