Removed left/right breakpoint arrows from Pause Info panel (#10601)

This is my reasoning:
- These button confuse all of us. (Domi, Josh, Mark, and I just chatted about this in Discord.)
- Mixpanel data shows that [almost no one uses the buttons](https://mixpanel.com/project/2349904/view/2894968/app/insights#2NaEPayGGLnB).
- The rewind/fast-forward buttons (available via hover click and context menu) are easier to use. (After all, Replay is fundamentally different from a traditional browser/debugger. Let's lean into that and simplify our UI!)

![Screenshot 2024-07-05 at 6 00 02 PM](https://github.com/replayio/devtools/assets/29597/97eab27f-4e20-4811-a9f6-2a6391263677)

packages/e2e-tests/README.md

@@ -150,7 +150,7 @@ You'll also probably need to specifically share that recording as "Public", espe
 
 We use 1 specific Playwright test recording which is a replay of the breakpoints-05 test from this repo. Similar to the instructions above, to update this to a more recent version, you can visit the dashboard for FE E2E Tests and select a more recent recording ID for that test.
 
-We also now have a "golden recording" of one of our own `breakpoints-01` E2E test runs. This serves as a testbed for checking more advanced behaviors like the React and Redux routines. If we ever need to update this, just copy-paste the recording ID from a test run in our "Frontend E2E tests" workspace.
+We also now have a "golden recording" of one of our own `breakpoints-02` E2E test runs. This serves as a testbed for checking more advanced behaviors like the React and Redux routines. If we ever need to update this, just copy-paste the recording ID from a test run in our "Frontend E2E tests" workspace.
 
 ### Test Suite Dashboard Tests
 

packages/e2e-tests/helpers/pause-information-panel.ts

@@ -33,6 +33,8 @@ export async function closePrintStatementsAccordionPane(page: Page): Promise<voi
 export async function expandAllScopesBlocks(page: Page): Promise<void> {
   await debugPrint(page, "Expanding all Scopes blocks", "expandAllScopesBlocks");
 
+  await openPauseInformationPanel(page);
+
   const scopesPanel = getScopesPanel(page);
   const blocks = scopesPanel.locator('[data-test-name="ScopesInspector"]');
 
@@ -158,14 +160,6 @@ export async function openScopeBlocks(page: Page, text: string): Promise<void> {
   });
 }
 
-export async function resumeToLine(page: Page, line: number): Promise<void> {
-  await debugPrint(page, `Resuming to line ${chalk.bold(line)}`, "resumeToLine");
-
-  await clickCommandBarButton(page, "Resume");
-
-  await waitForPaused(page, line);
-}
-
 export async function clickCommandBarButton(page: Page, title: string): Promise<void> {
   await debugPrint(page, title, "clickCommandBarButton");
 
@@ -190,23 +184,11 @@ export async function reverseStepOverToLine(page: Page, line: number) {
   await waitForPaused(page, line);
 }
 
-export async function rewind(page: Page) {
-  await debugPrint(page, "Rewinding", "rewind");
-
-  await clickCommandBarButton(page, "Rewind Execution");
-}
-
-export async function rewindToLine(page: Page, line: number): Promise<void> {
-  await debugPrint(page, `Rewinding to line ${chalk.bold(line)}`, "rewindToLine");
-
-  await clickCommandBarButton(page, "Rewind Execution");
-
-  await waitForPaused(page, line);
-}
-
 export async function selectFrame(page: Page, index: number): Promise<void> {
   await debugPrint(page, `Select frame ${chalk.bold(index)}`, "selectFrame");
 
+  await openPauseInformationPanel(page);
+
   const framesPanel = getFramesPanel(page);
 
   const frameListItems = framesPanel.locator(".frame");

packages/e2e-tests/helpers/source-panel.ts

@@ -901,13 +901,22 @@ export async function rewindToLine(
   const lineLocator = await getSourceLine(page, lineNumber);
   const buttonLocator = lineLocator.locator('[data-test-name="ContinueToButton"]');
 
+  // Account for the fact that SourceListRow doesn't render SourceListRowMouseEvents while scrolling
+  await waitFor(async () => {
+    const isScrolling = await lineLocator.getAttribute("data-test-is-scrolling");
+    expect(isScrolling).toBe(null);
+  });
+
   await lineLocator.locator('[data-test-name="SourceLine-HitCount"]').hover({ force: true });
+  await page.keyboard.down("Shift");
   await page.keyboard.down(getCommandKey());
 
-  const state = await buttonLocator.getAttribute("data-test-state");
-  expect(state).toBe("previous");
+  await expect(await buttonLocator.getAttribute("data-test-state")).toBe("previous");
 
   await buttonLocator.click({ force: true });
+
+  await page.keyboard.up(getCommandKey());
+  await page.keyboard.up("Shift");
 }
 
 export async function fastForwardToLine(
@@ -926,13 +935,20 @@ export async function fastForwardToLine(
   const lineLocator = await getSourceLine(page, lineNumber);
   const buttonLocator = lineLocator.locator('[data-test-name="ContinueToButton"]');
 
+  // Account for the fact that SourceListRow doesn't render SourceListRowMouseEvents while scrolling
+  await waitFor(async () => {
+    const isScrolling = await lineLocator.getAttribute("data-test-is-scrolling");
+    expect(isScrolling).toBe(null);
+  });
+
   await lineLocator.locator('[data-test-name="SourceLine-HitCount"]').hover({ force: true });
   await page.keyboard.down(getCommandKey());
 
-  const state = await buttonLocator.getAttribute("data-test-state");
-  expect(state).toBe("next");
+  await expect(await buttonLocator.getAttribute("data-test-state")).toBe("next");
 
   await buttonLocator.click({ force: true });
+
+  await page.keyboard.up(getCommandKey());
 }
 
 export async function waitForSourceContentsToFinishStreaming(