fix(mention): update mention feed and date formatting to use self-closing tags

Author: DIYgod

apps/desktop/layer/renderer/src/modules/ai-chat/editor/plugins/mention/MentionNode.tsx

@@ -112,10 +112,10 @@ export class MentionNode extends DecoratorNode<React.JSX.Element> {
     ) {
       const { view } = getRouteParams()
       const ids = getCategoryFeedIds(value.slice(ROUTE_FEED_IN_FOLDER.length), view)
-      return `<mention-feed ids=${JSON.stringify(ids)}/>`
+      return `<mention-feed ids=${JSON.stringify(ids)}></mention-feed>`
     }
 
-    return `<mention-${type} id="${value}"/>`
+    return `<mention-${type} id="${value}"></mention-${type}>`
   }
 
   override decorate(_editor: LexicalEditor): React.JSX.Element {

apps/desktop/layer/renderer/src/modules/ai-chat/editor/plugins/mention/hooks/dateMentionUtils.ts

@@ -42,7 +42,7 @@ export const formatRangeValue = (range: DateRange): string => {
   const endExclusive = range.end.add(1, "day").startOf("day")
   const endIso = endExclusive.format(MENTION_DATE_VALUE_FORMAT)
 
-  return `<mention-date start="${startIso}" end="${endIso}"/>`
+  return `<mention-date start="${startIso}" end="${endIso}"></mention-date>`
 }
 
 const DEFAULT_DATE_FORMAT: Intl.DateTimeFormatOptions = {