UI improvements/sidebar pinning (#175)

Co-authored-by: Aria Minaei <aria.minaei@gmail.com>

packages/playground/src/tests/setting-static-props/test.e2e.ts

@@ -12,7 +12,12 @@ test.describe('setting-static-props', () => {
   test('Undo/redo', async ({page}) => {
     await page.locator('[data-testid="OutlinePanel-TriggerButton"]').click()
 
-    await page.locator('span:has-text("sample object")').first().click()
+    // https://github.com/microsoft/playwright/issues/12298
+    // The div does in fact intercept pointer events, but it is meant to 🤦‍
+    await page
+      .locator('span:has-text("sample object")')
+      .first()
+      .click({force: true})
 
     const detailPanel = page.locator('[data-testid="DetailPanel-Object"]')