chore: migrate oxlint & oxfmt (#15464)

#### PR Dependency Tree


* **PR #15464** 👈

This tree was auto-generated by
[Charcoal](https://github.com/danerwilliams/charcoal)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Chores**
* Replaced the project’s formatting and linting workflow with Oxfmt and
Oxlint.
* Added shared formatting and linting configuration, editor integration,
and updated automated checks.
* Updated generated files, scripts, and lint guidance to use the new
tooling.

* **Style**
* Reformatted templates, source code, examples, and configuration files
for consistent readability.
  * No user-facing functionality or rendering behavior changed.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

blocksuite/playground/apps/_common/components/attachment-viewer-panel.ts

@@ -272,9 +272,11 @@ export class AttachmentViewerPanel extends SignalWatcher(
             </h5>
           </header>
           <main class="body">
-            ${isPDF
-              ? html`<canvas class="page"></canvas>`
-              : html`<p class="error">This file format is not supported.</p>`}
+            ${
+              isPDF
+                ? html`<canvas class="page"></canvas>`
+                : html`<p class="error">This file format is not supported.</p>`
+            }
             <div class="controls">
               <icon-button
                 .disabled=${isEmpty || cursor === 0}

blocksuite/playground/apps/_common/components/custom-adapter-panel.ts

@@ -32,11 +32,13 @@ export class CustomAdapterPanel extends SignalWatcher(
 
   override render() {
     return html`
-      ${this._show
-        ? html`
-            <div class="custom-adapter-container">${this._renderPanel()}</div>
-          `
-        : nothing}
+      ${
+        this._show
+          ? html`
+              <div class="custom-adapter-container">${this._renderPanel()}</div>
+            `
+          : nothing
+      }
     `;
   }
 

blocksuite/playground/apps/_common/components/custom-frame-panel.ts

@@ -45,9 +45,13 @@ export class CustomFramePanel extends WithDisposable(ShadowlessElement) {
 
   override render() {
     return html`
-      ${this._show
-        ? html`<div class="custom-frame-container">${this._renderPanel()}</div>`
-        : nothing}
+      ${
+        this._show
+          ? html`<div class="custom-frame-container">
+              ${this._renderPanel()}
+            </div>`
+          : nothing
+      }
     `;
   }
 

blocksuite/playground/apps/_common/components/custom-outline-panel.ts

@@ -29,11 +29,13 @@ export class CustomOutlinePanel extends WithDisposable(ShadowlessElement) {
 
   override render() {
     return html`
-      ${this._show
-        ? html`
-            <div class="custom-outline-container">${this._renderPanel()}</div>
-          `
-        : nothing}
+      ${
+        this._show
+          ? html`
+              <div class="custom-outline-container">${this._renderPanel()}</div>
+            `
+          : nothing
+      }
     `;
   }
 

blocksuite/playground/apps/_common/components/docs-panel.ts

@@ -149,11 +149,13 @@ export class DocsPanel extends WithDisposable(ShadowlessElement) {
           };
           return html`<div class="doc-item" @click="${click}" style="${style}">
             ${doc.meta?.title || 'Untitled'}
-            ${docs.length > 1
-              ? html`<div @click="${deleteDoc}" class="delete-doc-icon">
-                  ${CloseIcon()}
-                </div>`
-              : nothing}
+            ${
+              docs.length > 1
+                ? html`<div @click="${deleteDoc}" class="delete-doc-icon">
+                    ${CloseIcon()}
+                  </div>`
+                : nothing
+            }
           </div>`;
         }
       )}