fix: UI tweaks to satisfy OHIF-161, OHIF-254, OHIF-167, OHIF-249, OHIF-170, OHIF-162

* add group hover for borderColor

* measurements action buttons hover state

* fixes and button/buttongroup/iconButton refactor

* OHIF-161: Fix Tracked/Untracked Text in Thumbnail's Tooltip

* OHIF-254: Format SR series date

* OHIF-167 - Fix Study Date Time format

* OHIF-249: Fix viewport border thickness and action bar min height

* pass viewportIdentificator to SR Thumbnail

* show tooltip when hover over the SR thumbnail

* OHIF-170: Display tooltip when hovering over an untracked series in the Viewport Action Bar

* Undo accidental date change

* Sneak in "Create Report" messaging for createReport notifications

* Fix text clipping

* Add no-select text styles for action bar, thumbnail, and thumbnail no image (sr)

* fix for OHIF-162

Modified to remove Viewport Identifier. Text now only reads: “Structured Report”This was partly to address a bug where the Viewport Identifier was incorrect for all but the first displayed SR. Component API changed for ThumbnailNoImage to accomodate any generic “modalityTooltip”

* Some ViewportPane resize magic

Co-authored-by: dannyrb <danny.ri.brown@gmail.com>

platform/ui/src/components/ViewportActionBar/ViewportActionBar.jsx

@@ -80,37 +80,46 @@ const ViewportActionBar = ({
       );
     }
 
+    const trackedIcon = isTracked ? 'tracked' : 'dotted-circle';
+
     return (
       <div className="relative">
-        {!isTracked ? (
-          <Icon name="dotted-circle" className="w-6 text-primary-light" />
-        ) : (
-          <Tooltip
-            position="bottom-left"
-            content={
-              <div className="flex py-2">
-                <div className="flex pt-1">
-                  <Icon name="info-link" className="w-4 text-primary-main" />
-                </div>
-                <div className="flex ml-4">
-                  <span className="text-base text-common-light">
-                    Series is
-                    <span className="font-bold text-white"> tracked</span> and
-                    can be viewed <br /> in the measurement panel
-                  </span>
-                </div>
+        <Tooltip
+          position="bottom-left"
+          content={
+            <div className="flex py-2">
+              <div className="flex pt-1">
+                <Icon name="info-link" className="w-4 text-primary-main" />
               </div>
-            }
-          >
-            <Icon name="tracked" className="w-6 text-primary-light" />
-          </Tooltip>
-        )}
+              <div className="flex ml-4">
+                <span className="text-base text-common-light">
+                  {isTracked ? (
+                    <>
+                      Series is
+                      <span className="font-bold text-white"> tracked</span> and
+                      can be viewed <br /> in the measurement panel
+                    </>
+                  ) : (
+                    <>
+                      Measurements for
+                      <span className="font-bold text-white"> untracked </span>
+                      series <br /> will not be shown in the <br /> measurements
+                      panel
+                    </>
+                  )}
+                </span>
+              </div>
+            </div>
+          }
+        >
+          <Icon name={trackedIcon} className="w-6 text-primary-light" />
+        </Tooltip>
       </div>
     );
   };
 
   return (
-    <div className="flex items-center p-2 border-b border-primary-light">
+    <div className="flex items-center p-2 border-b select-none border-primary-light min-h-12">
       <div className="flex flex-grow">
         <div className="flex items-center">
           {renderIconStatus()}