Add 404 page

packages/components-faraday/src/components/UIComponents/NotFound.js

+import React from 'react'
+import { Icon } from '@pubsweet/ui'
+
+const NotFound = ({ history }) => (
+  <div style={{ width: '70vw', margin: '0 auto', textAlign: 'center' }}>
+    <div>
+      <Icon size={32}>cloud-off</Icon>
+    </div>
+    <h2>The page cannot be found</h2>
+    <h3>
+      The page you are looking for might have been removed, had its name
+      changed, or is temporarily unavailable.
+    </h3>
+    <a href="#" onClick={history.goBack}>
+      Back
+    </a>
+  </div>
+)
+
+export default NotFound

packages/xpub-faraday/app/routes.js

@@ -14,6 +14,7 @@ import DashboardPage from 'pubsweet-component-xpub-dashboard/src/components/Dash
 import WizardPage from 'pubsweet-component-wizard/src/components/WizardPage'
 import ManuscriptPage from 'pubsweet-component-xpub-manuscript/src/components/ManuscriptPage'
 import ConfirmationPage from 'pubsweet-components-faraday/src/components/UIComponents/ConfirmationPage'
+import NotFound from 'pubsweet-components-faraday/src/components/UIComponents/NotFound'
 
 const Routes = () => (
   <App>
@@ -36,6 +37,7 @@ const Routes = () => (
       exact
       path="/projects/:project/versions/:version/manuscript"
     />
+    <Route component={NotFound} path="*" />
   </App>
 )