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/components/conversation/ContactName.tsx

@@ -9,23 +9,27 @@ interface Props {
   name?: string;
   profileName?: string;
   i18n: Localizer;
+  module?: string;
 }
 
 export class ContactName extends React.Component<Props> {
   public render() {
-    const { phoneNumber, name, profileName, i18n } = this.props;
+    const { phoneNumber, name, profileName, i18n, module } = this.props;
+    const prefix = module ? module : 'module-contact-name';
 
     const title = name ? name : phoneNumber;
-    const profileElement =
-      profileName && !name ? (
-        <span className="profile-name">
-          ~<Emojify text={profileName} i18n={i18n} />
-        </span>
-      ) : null;
+    const shouldShowProfile = Boolean(profileName && !name);
+    const profileElement = shouldShowProfile ? (
+      <span className={`${prefix}__profile-name`}>
+        ~<Emojify text={profileName || ''} i18n={i18n} />
+      </span>
+    ) : null;
 
     return (
-      <span>
-        <Emojify text={title} i18n={i18n} /> {profileElement}
+      <span className={prefix}>
+        <Emojify text={title} i18n={i18n} />
+        {shouldShowProfile ? ' ' : null}
+        {profileElement}
       </span>
     );
   }