chore: initial deploy for code base

ui/src/errorpages/Error.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import Text from '../text';
+
+export interface IErrorProps {
+  title?: string,
+  message?: string
+}
+
+const Error = (props: IErrorProps) => {
+  const { title = 'An unknown error occurred', message = 'Try again and contact us if the issue continues.' } = props;
+  return (
+  <div className='tempo-error-container'>
+    <div className="tempo-error">
+      <Text.Heading marginBottom={8}>{title}</Text.Heading>
+      <Text>{message}</Text>
+    </div>
+  </div>
+  )
+};
+
+export default Error;

ui/src/errorpages/NotAllowed.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import Error from './Error';
+
+const NotAllowed = () => (
+  <Error
+    title="Permission denied"
+    message="You don’t have permission to access this item. If you believe this is a mistake, please contact your administrator." />
+);
+
+export default NotAllowed;

ui/src/errorpages/NotFound.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import Error from './Error';
+
+const NotFound = () => (
+  <Error
+    title="Item not found"
+    message="The item you requested has moved or no longer exists." />
+);
+
+export default NotFound;

ui/src/errorpages/index.ts

@@ -0,0 +1,5 @@
+import Error, { IErrorProps } from './Error';
+import NotAllowed from './NotAllowed';
+import NotFound from './NotFound';
+
+export { Error, IErrorProps, NotAllowed, NotFound };