fix(edit-menu): render mod edit modal in FloatingPortal to escape reply card containment

src/components/edit-menu/edit-menu.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { autoUpdate, FloatingFocusManager, offset, shift, useClick, useDismiss, useFloating, useId, useInteractions, useRole } from '@floating-ui/react';
+import { autoUpdate, FloatingFocusManager, FloatingPortal, offset, shift, useClick, useDismiss, useFloating, useId, useInteractions, useRole } from '@floating-ui/react';
 import {
   Comment,
   PublishCommentEditOptions,
@@ -271,6 +271,7 @@ const EditMenu = ({ post }: { post: Comment }) => {
         />
       </span>
       {isEditMenuOpen && (isAccountCommentAuthor || isAccountMod) && (
+        <FloatingPortal>
           <FloatingFocusManager context={context} modal={false}>
             <div className={styles.modal} ref={refs.setFloating} style={floatingStyles} aria-labelledby={headingId} {...getFloatingProps()}>
               <div className={styles.editMenu}>
@@ -400,6 +401,7 @@ const EditMenu = ({ post }: { post: Comment }) => {
               </div>
             </div>
           </FloatingFocusManager>
+        </FloatingPortal>
       )}
     </>
   );