feat: example app update

Author: hejsztynx

apps/example-web/src/App.tsx

@@ -123,16 +123,16 @@ function App() {
 
   const handleUserMentionSelected = (item: MentionItem) => {
     ref.current?.setMention('@', `@${item.name}`, {
-      id: item.id,
-      type: 'user',
+      'id': item.id,
+      'data-type': 'user',
     });
     closeUserMentionPopup();
   };
 
   const handleChannelMentionSelected = (item: MentionItem) => {
     ref.current?.setMention('#', `#${item.name}`, {
-      id: item.id,
-      type: 'channel',
+      'id': item.id,
+      'data-type': 'channel',
     });
     closeChannelMentionPopup();
   };

src/web/sanitization/htmlSanitizer.ts

@@ -56,7 +56,7 @@ export function checkMentionAttributes(attributes?: Record<string, string>) {
     }
     console.warn(
       `[EnrichedMention] Attribute "${attrName}" on the <mention> tag may be removed during sanitization. ` +
-        `Consider using the "data-" prefix for custom data attributes (e.g., "data-${attrName}").`
+        `Consider using the "data-" prefix for custom data attributes.`
     );
   });
 }