ui: fix scrollLock

packages/ui-default/components/messagepad/MessagePadDialogueListContainer.jsx

@@ -1,4 +1,3 @@
-import $ from 'jquery';
 import _ from 'lodash';
 import React from 'react';
 import { connect } from 'react-redux';
@@ -29,7 +28,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class MessagePadDial
       'desc',
     );
     return (
-      <ol className="messagepad__list" ref={(ref) => $(ref).scrollLock({ strict: true })}>
+      <ol className="messagepad__list" style={{ overscrollBehavior: 'contain' }}>
         {_.map(orderedDialogues, (dialogue) => (
           <ListItem
             key={dialogue._id}