Replace measurementsPanel w/ a format that reduces nesting

platform/ui/src/components/StudySummary/StudySummary.jsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const StudySummary = ({ date, modality, description }) => {
+  return (
+    <div className="p-2">
+      <div className="leading-none">
+        <span className="mr-2 text-base text-white">{date}</span>
+        <span className="px-1 text-base font-bold text-black rounded-sm bg-common-bright">
+          {modality}
+        </span>
+      </div>
+      <div className="leading-none">
+        <span className="text-base text-primary-light">{description}</span>
+      </div>
+    </div>
+  );
+};
+
+StudySummary.propTypes = {
+  date: PropTypes.string.isRequired,
+  modality: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
+};
+
+export default StudySummary;

platform/ui/src/components/StudySummary/index.js

@@ -0,0 +1,3 @@
+import StudySummary from './StudySummary.jsx';
+
+export default StudySummary;