feat: new setting modal (#2834)

Co-authored-by: Alex Yang <himself65@outlook.com>

tests/parallels/layout.spec.ts

@@ -47,7 +47,7 @@ test('Drag resizer can resize sidebar', async ({ page }) => {
   });
   await page.mouse.up();
   const boundingBox = await page.getByTestId('app-sidebar').boundingBox();
-  expect(boundingBox?.width).toBe(400);
+  expect(boundingBox?.width).toBe(399);
 });
 
 test('Sidebar in between sm & md breakpoint', async ({ page }) => {

tests/parallels/shortcuts.spec.ts

@@ -16,5 +16,5 @@ test('Open shortcuts modal', async ({ page }) => {
   await shortcutsIcon.click();
   await page.waitForTimeout(1000);
   const shortcutsModal = page.locator('[data-testid=shortcuts-modal]');
-  await expect(shortcutsModal).toContainText('Keyboard shortcuts');
+  await expect(shortcutsModal).toContainText('Page');
 });