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/affine/fragments/frame-panel/src/body/frame-panel-body.ts

@@ -268,11 +268,13 @@ export class FramePanelBody extends SignalWatcher(
           .std=${this.editorHost.std}
           .cardIndex=${cardIndex}
           .frameIndex=${frameIndex}
-          .status=${selectedFrames.has(frame.id)
-            ? this._dragging
-              ? 'placeholder'
-              : 'selected'
-            : 'none'}
+          .status=${
+            selectedFrames.has(frame.id)
+              ? this._dragging
+                ? 'placeholder'
+                : 'selected'
+              : 'none'
+          }
           @select=${this._selectFrame}
           @fitview=${this._fitToElement}
           @drag=${this._drag}
@@ -281,12 +283,14 @@ export class FramePanelBody extends SignalWatcher(
     })}`;
 
     const frameList = html` <div class="frame-list-container">
-      ${this.insertIndex !== undefined
-        ? html`<div
-            class="insert-indicator"
-            style=${`transform: translateY(${this._indicatorTranslateY}px)`}
-          ></div>`
-        : nothing}
+      ${
+        this.insertIndex !== undefined
+          ? html`<div
+              class="insert-indicator"
+              style=${`transform: translateY(${this._indicatorTranslateY}px)`}
+            ></div>`
+          : nothing
+      }
       ${frameCards}
     </div>`;
     return frameList;
@@ -385,9 +389,11 @@ export class FramePanelBody extends SignalWatcher(
 
   override render() {
     this._updateFrameItems();
-    return html` ${this._frameItems.length
-      ? this._renderFrameList()
-      : this._renderEmptyContent()}`;
+    return html` ${
+      this._frameItems.length
+        ? this._renderFrameList()
+        : this._renderEmptyContent()
+    }`;
   }
 
   override updated(_changedProperties: PropertyValues) {

blocksuite/affine/fragments/frame-panel/src/card/frame-card.ts

@@ -193,24 +193,28 @@ export class FrameCard extends WithDisposable(ShadowlessElement) {
       class="frame-card-container ${this.status ?? ''}"
       style=${containerStyle}
     >
-      ${this.status === 'dragging'
-        ? nothing
-        : html`<affine-frame-card-title
-            .cardIndex=${this.cardIndex}
-            .frame=${this.frame}
-          ></affine-frame-card-title>`}
+      ${
+        this.status === 'dragging'
+          ? nothing
+          : html`<affine-frame-card-title
+              .cardIndex=${this.cardIndex}
+              .frame=${this.frame}
+            ></affine-frame-card-title>`
+      }
       <div
         class="frame-card-body"
         @click=${this._dispatchSelectEvent}
         @dblclick=${this._dispatchFitViewEvent}
         @mousedown=${this._dispatchDragEvent}
       >
-        ${this.status === 'dragging' && stackOrder !== 0
-          ? nothing
-          : html`<frame-preview
-              .frame=${this.frame}
-              .std=${this.std}
-            ></frame-preview>`}
+        ${
+          this.status === 'dragging' && stackOrder !== 0
+            ? nothing
+            : html`<frame-preview
+                .frame=${this.frame}
+                .std=${this.std}
+              ></frame-preview>`
+        }
         ${this._DraggingCardNumber()}
       </div>
     </div>`;

blocksuite/affine/fragments/frame-panel/src/header/frame-panel-header.ts

@@ -191,9 +191,9 @@ export class FramePanelHeader extends WithDisposable(LitElement) {
       <div class="all-frames-setting">
         <span class="all-frames-setting-label">All frames</span>
         <edgeless-tool-icon-button
-          class="all-frames-setting-button ${this._settingPopperShow
-            ? 'active'
-            : ''}"
+          class="all-frames-setting-button ${
+            this._settingPopperShow ? 'active' : ''
+          }"
           .tooltip=${this._settingPopperShow ? '' : 'All Frames Settings'}
           .tipPosition=${'top'}
           .active=${this._settingPopperShow}