feat: highlight reactions notifications

src/components/NotificationList/NotificationItem/ReactionNotification.tsx

@@ -1,13 +1,13 @@
 import Image from '@/components/Image'
-import { ExtendedKind } from '@/constants'
 import { useFetchEvent } from '@/hooks'
+import { isSupportedKind } from '@/lib/event'
 import { toNote } from '@/lib/link'
 import { tagNameEquals } from '@/lib/tag'
 import { cn } from '@/lib/utils'
 import { useSecondaryPage } from '@/PageManager'
 import { useNostr } from '@/providers/NostrProvider'
 import { Heart } from 'lucide-react'
-import { Event, kinds } from 'nostr-tools'
+import { Event } from 'nostr-tools'
 import { useMemo } from 'react'
 import ContentPreview from '../../ContentPreview'
 import { FormattedTimestamp } from '../../FormattedTimestamp'
@@ -54,7 +54,7 @@ export function ReactionNotification({
     return notification.content
   }, [notification])
 
-  if (!event || !eventId || ![kinds.ShortTextNote, ExtendedKind.PICTURE].includes(event.kind)) {
+  if (!event || !eventId || !isSupportedKind(event.kind)) {
     return null
   }