Antd updates (#2194)

* Fix antd Modal.visible warning by using updated attribute name 'open'.

* Update more attributes (onVisibleChange => onOpenChange, defaultVisible => defaultOpen) to fix browser console warnings.

* Update ModalProps property from 'visible' to 'open' to match the change in antd.

* Update variable names to match the antd change from 'visible' to 'open'.

* Inline this for the linter.

* One more visible => open reference.

web/components/common/UserDropdown/UserDropdown.tsx

@@ -92,16 +92,12 @@ export const UserDropdown: FC<UserDropdownProps> = ({ username: defaultUsername
       </Dropdown>
       <Modal
         title="Change Chat Display Name"
-        visible={showNameChangeModal}
+        open={showNameChangeModal}
         handleCancel={() => setShowNameChangeModal(false)}
       >
         <NameChangeModal />
       </Modal>
-      <Modal
-        title="Authenticate"
-        visible={showAuthModal}
-        handleCancel={() => setShowAuthModal(false)}
-      >
+      <Modal title="Authenticate" open={showAuthModal} handleCancel={() => setShowAuthModal(false)}>
         <AuthModal />
       </Modal>
     </div>