v2 lazy rundown (#317)

* chore: update related deps

* refactor: memoise entrypoints

* refactor: store selectors

* refactor: improve component performance

* chore: remove unused dependencies

* refactor: improve component dnd

apps/client/src/features/table/OntimeTable.jsx

@@ -148,7 +148,7 @@ export default function OntimeTable({ tableData, userFields, selectedId, handleU
       if (el) {
         el.scrollIntoView({
           behavior: 'smooth',
-          block: 'center',
+          block: 'start',
           inline: 'nearest',
         });
       }

apps/client/src/features/table/tableElements/SortableCell.jsx

@@ -13,22 +13,15 @@ export default function SortableCell({ column }) {
     id: column.id,
   });
 
-  // prevent scaling on drag
-  const cssTransform = {
-    ...transform,
-    scaleX: 1,
-    scaleY: 1,
-  }
-
   // build drag styles
   const dragStyle = {
-    transform: CSS.Transform.toString(cssTransform),
-    transition,
     ...style,
+    transform: CSS.Translate.toString(transform),
+    transition,
   };
 
   return (
-    <th {...restColumn} ref={setNodeRef} style={{...dragStyle}} className={isDragging ? styles.dragging: ''}>
+    <th {...restColumn} ref={setNodeRef} style={dragStyle} className={isDragging ? styles.dragging : ''}>
       <div {...attributes} {...listeners}>
         <Tooltip label={column.Header} openDelay={tooltipDelayFast}>
           {column.render('Header')}