Finish new Message component, integrate into application

Also:
- New schema version 8 with video/image thumbnails, screenshots, sizes
- Upgrade messages not at current schema version when loading messages
  to show in conversation
- New MessageDetail react component
- New ConversationHeader react component

ts/types/Contact.ts

@@ -70,10 +70,19 @@ export function contactSelector(
   contact: Contact,
   options: {
     regionCode: string;
+    hasSignalAccount: boolean;
     getAbsoluteAttachmentPath: (path: string) => string;
+    onSendMessage: () => void;
+    onClick: () => void;
   }
 ) {
-  const { regionCode, getAbsoluteAttachmentPath } = options;
+  const {
+    getAbsoluteAttachmentPath,
+    hasSignalAccount,
+    onClick,
+    onSendMessage,
+    regionCode,
+  } = options;
 
   let { avatar } = contact;
   if (avatar && avatar.avatar && avatar.avatar.path) {
@@ -88,6 +97,9 @@ export function contactSelector(
 
   return {
     ...contact,
+    hasSignalAccount,
+    onSendMessage,
+    onClick,
     avatar,
     number:
       contact.number &&

ts/types/Util.ts

@@ -6,3 +6,15 @@ export type RenderTextCallback = (
 ) => JSX.Element | string;
 
 export type Localizer = (key: string, values?: Array<string>) => string;
+
+export type Color =
+  | 'gray'
+  | 'blue'
+  | 'cyan'
+  | 'deep_orange'
+  | 'green'
+  | 'indigo'
+  | 'pink'
+  | 'purple'
+  | 'red'
+  | 'teal';