fix: 🐛 Fix ghost shadow on thumb (#1113)

* fix: 🐛 Fix ghost shadow on thumb

Updated react-dnd package for the lates. Refactored thumbnail component

Closes: 1087

* feat: 🎸 Code review

Set flex instead of float. Add cypress tag to thumb container

* feat: 🎸 Code review. Revised style when no description

platform/ui/src/components/studyBrowser/Thumbnail.styl

@@ -0,0 +1,98 @@
+@import './../../design/styles/common/global.styl'
+
+:root {
+  --series-count-background-color: #678696;
+}
+
+.thumbnail
+  cursor: pointer
+  display: table
+  margin: 0 auto;
+  min-width: 90%;
+  padding-bottom: 1.5rem;
+
+  .alt-image-text
+    align-items: center;
+    justify-content: center;
+    background-color: var(--primary-background-color);
+    box-shadow: inset 0 0 0 1px var(--ui-border-color-dark);
+    border: 5px solid transparent;
+    border-radius: 12px;
+    height: 135px;
+    margin: 0 auto;
+    padding: 5px;
+    position: relative;
+    transition: var(--sidebar-transition);
+    width: 217px;
+    display: flex;
+
+    h1
+      text-align: center
+      color: var(--text-primary-color);
+
+  .series-details
+    display: flex;
+    flex-direction: column
+    color: var(--text-primary-color);
+    font-size: 14px
+    line-height: 1.3em
+    margin-top: 5px
+    margin-left: 1rem
+    margin-right: 0.5rem
+    max-width: 217px
+    position: relative
+    word-wrap: break-word
+
+    .series-description
+      flex-grow: 1
+
+    &.info-only .series-description
+      display: none
+
+  .series-information
+    display: flex
+    flex-direction: row
+    justify-content: space-between
+
+    .item-frames .icon
+      height: 18px
+
+    .item-series.image-frames .icon
+        background-color: var(--series-count-background-color);
+        margin-top: 6px
+        position: relative
+
+        &:after
+          content: ''
+          background-color: var(--active-color);
+          box-shadow: 1px 1px rgba(0, 0, 0, .115)
+          left: -4px
+          position: absolute
+          top: -4px
+
+        &
+        &:after
+          content: ''
+          border: 0px solid var(--series-count-background-color)
+          display: inline-block
+          height: 11px
+          width: 11px
+
+    .value
+      color: var(--text-secondary-color);
+      display: inline-block
+      font-size: 12px
+      margin-left: 4px
+      overflow: hidden
+      text-overflow: ellipsis
+      white-space: nowrap
+      width: calc(100% - 15px)
+      vertical-align: middle
+
+    .icon
+      color: var(--active-color);
+      display: inline-block
+      font-size: 10px
+      font-weight: 900
+      text-align: right
+      width: 11px