feat(Thumbnail): Display set messages support & displaying of series inconsistencies in the thumbnail (#3499)

Co-authored-by: Igor Octaviano <igoroctaviano@gmail.com>

platform/ui/src/components/ThumbnailNoImage/ThumbnailNoImage.tsx

@@ -16,6 +16,7 @@ const ThumbnailNoImage = ({
   onDoubleClick,
   canReject,
   onReject,
+  messages,
   dragData,
   isActive,
 }) => {
@@ -56,6 +57,23 @@ const ThumbnailNoImage = ({
               </div>
             </Tooltip>
             <span className="ml-4 text-base text-blue-300">{seriesDate}</span>
+            {messages?.size() ? (
+              <div>
+                <Tooltip
+                  position="left"
+                  tight={true}
+                  content={
+                    <div className="text-left max-w-40">
+                      {messages.thumbnailContents()}
+                    </div>
+                  }
+                >
+                  <Icon name="notifications-warning" className="w-3 h-3" />
+                </Tooltip>
+              </div>
+            ) : (
+              <></>
+            )}
           </div>
           <div className="flex flex-row">
             {canReject && (
@@ -96,6 +114,7 @@ ThumbnailNoImage.propTypes = {
   seriesDate: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,
   onDoubleClick: PropTypes.func.isRequired,
+  messages: PropTypes.object,
   isActive: PropTypes.bool.isRequired,
 };