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/ViewportPane/ViewportPane.jsx

@@ -64,11 +64,18 @@ function ViewportPane({
         'flex flex-col',
         'rounded-lg hover:border-primary-light transition duration-300 outline-none overflow-hidden',
         {
-          'border-2 border-primary-light m-0': isActive,
+          'border-2 border-primary-light': isActive,
           'border border-secondary-light': !isActive,
         },
         className
       )}
+      // Normally, we'd use tailwindcss classes here, but margin and border classes use different units
+      // m-# (rem), border-# (px). To make sure we don't change the box size of our viewports
+      // and trigger a canvas resize, we have to use this little trick for margin.
+      // Assumes a :root font-fize of `16px`
+      style={{
+        margin: isActive ? '3px' : '4px',
+      }}
     >
       {children}
     </div>
@@ -90,7 +97,7 @@ ViewportPane.propTypes = {
   onInteraction: PropTypes.func.isRequired,
 };
 
-const noop = () => { };
+const noop = () => {};
 
 ViewportPane.defaultProps = {
   onInteraction: noop,