Merge pull request #2907 from oxen-io/unstable

fix: menu positioning after upgrade of dep

stylesheets/_rtl.scss

@@ -6,7 +6,7 @@ body.rtl {
   .group-settings-item,
   .contact-selection-list,
   .group-member-list__selection,
-  .react-contexify__item {
+  .contexify_item {
     direction: rtl;
   }
 

ts/components/SessionContextMenuContainer.tsx

@@ -18,7 +18,7 @@ export const SessionContextMenuContainer = styled.div.attrs({
       background: var(--context-menu-background-color);
     }
 
-    .contexify_item:not(.react-contexify_item-disabled):hover > .contexify_itemContent {
+    .contexify_item:not(.contexify_item-disabled):hover > .contexify_itemContent {
       background: var(--context-menu-background-hover-color);
       color: var(--context-menu-text-hover-color);
     }

ts/components/conversation/message/message-content/MessageContextMenu.tsx

@@ -66,7 +66,7 @@ type Props = { messageId: string; contextMenuId: string; enableReactions: boolea
 const StyledMessageContextMenu = styled.div`
   position: relative;
 
-  .react-contexify {
+  .contexify {
     margin-left: -104px;
   }
 `;