grid view for the debugger

libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx

@@ -20,7 +20,7 @@ const DragBar = (props: IRemixDragBarUi) => {
 
   useEffect(() => {
     setDragBarPosX(offset + (props.hidden ? 0 : props.refObject.current.offsetWidth))
-  }, [props.hidden, offset])
+  }, [props.hidden, offset, props.resizeTo])
 
   useEffect(() => {
     initialWidth.current = props.refObject.current.clientWidth

libs/remix-ui/debugger-ui/src/lib/debugger-ui.tsx

@@ -282,8 +282,8 @@ export const DebuggerUI = (props: DebuggerUIProps) => {
     })
 
     setTimeout(async() => {
-    try {
       debuggerModule.onStartDebugging()
+      try {
         await debuggerInstance.debug(blockNumber, txNumber, tx, () => {
           listenToEvents(debuggerInstance, currentReceipt)
           setState(prevState => {