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/blocks/frame/src/edgeless-toolbar/frame-tool-button.ts

@@ -25,12 +25,14 @@ export class EdgelessFrameToolButton extends QuickToolMixin(LitElement) {
     return html`
       <edgeless-tool-icon-button
         class="edgeless-frame-button"
-        .tooltip=${this.popper
-          ? ''
-          : html`<affine-tooltip-content-with-shortcut
-              data-tip="${'Frame'}"
-              data-shortcut="${'F'}"
-            ></affine-tooltip-content-with-shortcut>`}
+        .tooltip=${
+          this.popper
+            ? ''
+            : html`<affine-tooltip-content-with-shortcut
+                data-tip="${'Frame'}"
+                data-shortcut="${'F'}"
+              ></affine-tooltip-content-with-shortcut>`
+        }
         .tooltipOffset=${17}
         .iconSize=${'24px'}
         .active=${type === 'frame'}

blocksuite/affine/blocks/frame/src/edgeless-toolbar/presentation-toolbar.ts

@@ -407,15 +407,17 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
       </edgeless-tool-icon-button>
 
       <div class="edgeless-frame-navigator ${this.dense ? 'dense' : ''}">
-        ${this.dense
-          ? nothing
-          : html`<span
-              style="color: ${cssVar('textPrimaryColor')}"
-              class="edgeless-frame-navigator-title"
-              @click=${() => this._moveToCurrentFrame()}
-            >
-              ${frame?.props.title ?? 'no frame'}
-            </span>`}
+        ${
+          this.dense
+            ? nothing
+            : html`<span
+                style="color: ${cssVar('textPrimaryColor')}"
+                class="edgeless-frame-navigator-title"
+                @click=${() => this._moveToCurrentFrame()}
+              >
+                ${frame?.props.title ?? 'no frame'}
+              </span>`
+        }
 
         <span class="edgeless-frame-navigator-count">
           ${frames.length === 0 ? 0 : current + 1} / ${frames.length}
@@ -435,9 +437,11 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
 
       <div class="config-buttons">
         <edgeless-tool-icon-button
-          .tooltip=${document.fullscreenElement
-            ? 'Exit Full Screen'
-            : 'Enter Full Screen'}
+          .tooltip=${
+            document.fullscreenElement
+              ? 'Exit Full Screen'
+              : 'Enter Full Screen'
+          }
           @click=${() => this._toggleFullScreen()}
           .iconContainerPadding=${0}
           .iconContainerWidth=${'24px'}
@@ -446,14 +450,16 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
           ${document.fullscreenElement ? ExpandCloseIcon() : ExpandFullIcon()}
         </edgeless-tool-icon-button>
 
-        ${this.dense
-          ? nothing
-          : html`<edgeless-frame-order-button
-              .popperShow=${this.frameMenuShow}
-              .setPopperShow=${this.setFrameMenuShow}
-              .edgeless=${this.edgeless}
-            >
-            </edgeless-frame-order-button>`}
+        ${
+          this.dense
+            ? nothing
+            : html`<edgeless-frame-order-button
+                .popperShow=${this.frameMenuShow}
+                .setPopperShow=${this.setFrameMenuShow}
+                .edgeless=${this.edgeless}
+              >
+              </edgeless-frame-order-button>`
+        }
 
         <edgeless-navigator-setting-button
           .edgeless=${this.edgeless}

blocksuite/affine/blocks/frame/src/present/frame-order-menu.ts

@@ -218,9 +218,9 @@ export class EdgelessFrameOrderMenu extends SignalWatcher(
 
     return html`
       <div
-        class="edgeless-frame-order-items-container ${this.embed
-          ? 'embed'
-          : ''}"
+        class="edgeless-frame-order-items-container ${
+          this.embed ? 'embed' : ''
+        }"
         @click=${(e: MouseEvent) => e.stopPropagation()}
       >
         ${repeat(
@@ -235,11 +235,13 @@ export class EdgelessFrameOrderMenu extends SignalWatcher(
         )}
         <div class="indicator-line"></div>
         <div class="clone item">
-          ${frame
-            ? html`<div class="drag-indicator"></div>
-                <div class="index">${this._curIndex + 1}</div>
-                <div class="title">${frame.props.title.toString()}</div>`
-            : nothing}
+          ${
+            frame
+              ? html`<div class="drag-indicator"></div>
+                  <div class="index">${this._curIndex + 1}</div>
+                  <div class="title">${frame.props.title.toString()}</div>`
+              : nothing
+          }
         </div>
       </div>
     `;

blocksuite/affine/blocks/frame/src/present/navigator-setting-button.ts

@@ -150,17 +150,19 @@ export class EdgelessNavigatorSettingButton extends WithDisposable(LitElement) {
           </toggle-switch>
         </div>
 
-        ${this.includeFrameOrder
-          ? html` <div class="divider"></div>
-              <div class="item-container header">
-                <div class="text title">Frame Order</div>
-              </div>
+        ${
+          this.includeFrameOrder
+            ? html` <div class="divider"></div>
+                <div class="item-container header">
+                  <div class="text title">Frame Order</div>
+                </div>
 
-              <edgeless-frame-order-menu
-                .edgeless=${this.edgeless}
-                .embed=${true}
-              ></edgeless-frame-order-menu>`
-          : nothing}
+                <edgeless-frame-order-menu
+                  .edgeless=${this.edgeless}
+                  .embed=${true}
+                ></edgeless-frame-order-menu>`
+            : nothing
+        }
       </div>
     `;
   }