Merge pull request #20272 from overleaf/revert-20268-revert-19885-mj-resizeable-panels

[web] Upgrade react-resizable-panels (2nd attempt)

GitOrigin-RevId: 643a90044dac0daf39245fa29267b16550fd6e69

services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx

@@ -45,9 +45,9 @@ export const EditorAndPdf: FC = () => {
         hidden: view === 'history',
       })}
     >
-      {/* main */}
+      {/* ide */}
       <Panel
-        id="panel-main"
+        id="panel-ide"
         order={1}
         defaultSize={50}
         minSize={5}
@@ -73,6 +73,7 @@ export const EditorAndPdf: FC = () => {
         className={classNames({
           hidden: !editorIsOpen,
         })}
+        hitAreaMargins={{ coarse: 0, fine: 0 }}
       >
         <HorizontalToggler
           id="editor-pdf"

services/web/frontend/js/features/ide-react/components/layout/main-layout.tsx

@@ -71,6 +71,7 @@ export const MainLayout: FC = () => {
             onDoubleClick={toggleSidebar}
             resizable={sidebarIsOpen}
             onDragging={setSidebarResizing}
+            hitAreaMargins={{ coarse: 0, fine: 0 }}
           >
             <HorizontalToggler
               id="panel-sidebar"
@@ -93,6 +94,7 @@ export const MainLayout: FC = () => {
                 onDoubleClick={toggleChat}
                 resizable={chatIsOpen}
                 onDragging={setChatResizing}
+                hitAreaMargins={{ coarse: 0, fine: 0 }}
               />
 
               {/* chat */}