Move "Date updated" to byline

This seems like important information that shouldn't be buried at the
bottom of the page.

Suggested by @joverlee521.

src/components/framework/fine-print.js

@@ -70,13 +70,6 @@ class FinePrint extends React.Component {
     return false;
   }
 
-  getUpdated() {
-    const { t } = this.props;
-    if (this.props.metadata.updated) {
-      return (<span>{t("Data updated")} {this.props.metadata.updated}</span>);
-    }
-    return null;
-  }
   downloadDataButton() {
     const { t } = this.props;
     return (
@@ -97,8 +90,6 @@ class FinePrint extends React.Component {
       <FinePrintStyles>
         <div style={{width: width}}>
           <Flex className='finePrint'>
-            {this.getUpdated()}
-            {dot}
             {this.downloadDataButton()}
             {dot}
             {"Auspice v" + version}

src/components/info/byline.js

@@ -22,6 +22,7 @@ class Byline extends React.Component {
         {renderAvatar(t, this.props.metadata)}
         {renderBuildInfo(t, this.props.metadata)}
         {renderMaintainers(t, this.props.metadata)}
+        {renderDataUpdated(t, this.props.metadata)}
         {renderDataProvenance(t, this.props.metadata)}
       </>
     );
@@ -101,6 +102,22 @@ function renderMaintainers(t, metadata) {
   return null;
 }
 
+/**
+ * Returns a React component detailing the date the data was last updated.
+ * Renders a <span> containing "Data updated X", where X derives from `metadata.updated`
+ */
+function renderDataUpdated(t, metadata) {
+  if (metadata.updated) {
+    return (
+      <span>
+        {t("Data updated") + " "}
+        {metadata.updated}
+        {". "}
+      </span>
+    );
+  }
+  return null;
+}
 
 /**
  * Returns a React component detailing the data provenance of the build (pipeline).