chore: fix tnt illustration in playground

Author: nnaydenow

packages/website/src/pages/illustrations.tsx

@@ -47,31 +47,31 @@ function IllustrationPreview({ name, displayName, collection }) {
         <div className="illustration__preview-size">
           <h3>Extra Small (Dot)</h3>
           <ui5-illustrated-message
-            name={name}
+            name={collection === "TNT" ? `Tnt${name}`: name}
             design="Dot"
           />
         </div>
 
         <div className="illustration__preview-size">
           <h3>Small (Spot)</h3>
           <ui5-illustrated-message
-            name={name}
+            name={collection === "TNT" ? `Tnt${name}`: name}
             design="Spot"
           />
         </div>
 
         <div className="illustration__preview-size">
           <h3>Medium (Dialog)</h3>
           <ui5-illustrated-message
-            name={name}
+            name={collection === "TNT" ? `Tnt${name}`: name}
             design="Dialog"
           />
         </div>
 
         <div className="illustration__preview-size">
           <h3>Large (Scene)</h3>
           <ui5-illustrated-message
-            name={name}
+            name={collection === "TNT" ? `Tnt${name}`: name}
             design="Scene"
           />
         </div>