feat: support sending 1984 reports

src/components/NoteOptions/index.tsx

@@ -5,11 +5,13 @@ import { useState } from 'react'
 import { DesktopMenu } from './DesktopMenu'
 import { MobileMenu } from './MobileMenu'
 import RawEventDialog from './RawEventDialog'
+import ReportDialog from './ReportDialog'
 import { SubMenuAction, useMenuActions } from './useMenuActions'
 
 export default function NoteOptions({ event, className }: { event: Event; className?: string }) {
   const { isSmallScreen } = useScreenSize()
   const [isRawEventDialogOpen, setIsRawEventDialogOpen] = useState(false)
+  const [isReportDialogOpen, setIsReportDialogOpen] = useState(false)
   const [isDrawerOpen, setIsDrawerOpen] = useState(false)
   const [showSubMenu, setShowSubMenu] = useState(false)
   const [activeSubMenu, setActiveSubMenu] = useState<SubMenuAction[]>([])
@@ -35,6 +37,7 @@ export default function NoteOptions({ event, className }: { event: Event; classN
     closeDrawer,
     showSubMenuActions,
     setIsRawEventDialogOpen,
+    setIsReportDialogOpen,
     isSmallScreen
   })
 
@@ -70,6 +73,11 @@ export default function NoteOptions({ event, className }: { event: Event; classN
         isOpen={isRawEventDialogOpen}
         onClose={() => setIsRawEventDialogOpen(false)}
       />
+      <ReportDialog
+        event={event}
+        isOpen={isReportDialogOpen}
+        closeDialog={() => setIsReportDialogOpen(false)}
+      />
     </div>
   )
 }