fix(ui): hide dot menu in read-only mode for locked documents (#8342)

packages/ui/src/elements/DocumentControls/index.tsx

@@ -243,7 +243,7 @@ export const DocumentControls: React.FC<{
               </Button>
             )}
           </div>
-          {showDotMenu && (
+          {showDotMenu && !readOnlyForIncomingUser && (
             <Popup
               button={
                 <div className={`${baseClass}__dots`}>

test/locked-documents/e2e.spec.ts

@@ -391,6 +391,7 @@ describe('locked documents', () => {
       // save buttons should be readOnly / disabled
       await expect(page.locator('#action-save-draft')).toBeDisabled()
       await expect(page.locator('#action-save')).toBeDisabled()
+      await expect(page.locator('.doc-controls__dots')).toBeHidden()
 
       // fields should be readOnly / disabled
       await expect(page.locator('#field-text')).toBeDisabled()