feat: new sidebar (app shell) styles (#2303)

tests/parallels/local-first-favorite-page.spec.ts

@@ -16,7 +16,7 @@ test('New a page and open it ,then favorite it', async ({ page }) => {
   await newPage(page);
   await getBlockSuiteEditorTitle(page).click();
   await getBlockSuiteEditorTitle(page).fill('this is a new page to favorite');
-  await page.getByRole('link', { name: 'All pages' }).click();
+  await page.getByTestId('all-pages').click();
   const cell = page.getByRole('cell', {
     name: 'this is a new page to favorite',
   });
@@ -55,7 +55,7 @@ test('Cancel favorite', async ({ page }) => {
   await newPage(page);
   await getBlockSuiteEditorTitle(page).click();
   await getBlockSuiteEditorTitle(page).fill('this is a new page to favorite');
-  await page.getByRole('link', { name: 'All pages' }).click();
+  await page.getByTestId('all-pages').click();
   const cell = page.getByRole('cell', {
     name: 'this is a new page to favorite',
   });
@@ -68,14 +68,13 @@ test('Cancel favorite', async ({ page }) => {
   await favoriteBtn.click();
 
   // expect it in favorite list
-  await page.getByRole('link', { name: 'Favorites' }).click();
   expect(
     page.getByRole('cell', { name: 'this is a new page to favorite' })
   ).not.toBeUndefined();
 
   // cancel favorite
 
-  await page.getByRole('link', { name: 'All pages' }).click();
+  await page.getByTestId('all-pages').click();
 
   const box = await page
     .getByRole('cell', { name: 'this is a new page to favorite' })
@@ -86,7 +85,6 @@ test('Cancel favorite', async ({ page }) => {
   await page.getByTestId('favorited-icon').click();
 
   // expect it not in favorite list
-  await page.getByRole('link', { name: 'Favorites' }).click();
   expect(
     page.getByText(
       'Tips: Click Add to Favorites/Trash and the page will appear here.'