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/components/src/context-menu/button.ts

@@ -250,9 +250,11 @@ export const menuButtonItems = {
       }
       const data: MenuButtonData = {
         content: () => html`
-          ${config.checked.value
-            ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
-            : CheckBoxUnIcon()}
+          ${
+            config.checked.value
+              ? CheckBoxCheckSolidIcon({ style: `color:#1E96EB` })
+              : CheckBoxUnIcon()
+          }
           <div class="affine-menu-action-text">
             ${config.label?.() ?? config.name}
           </div>

blocksuite/affine/components/src/context-menu/group.ts

@@ -24,11 +24,13 @@ export const menuGroupItems = {
         ${items}
       </div>`;
     }
-    const result: TemplateResult = html` ${index === 0
-        ? ''
-        : html` <div
-            style="height: 0.5px;background-color: var(--affine-divider-color);margin: 4px 0"
-          ></div>`}
+    const result: TemplateResult = html` ${
+        index === 0
+          ? ''
+          : html` <div
+              style="height: 0.5px;background-color: var(--affine-divider-color);margin: 4px 0"
+            ></div>`
+      }
       <div style="display: flex;flex-direction: column;gap:4px">${items}</div>`;
     return result;
   },

blocksuite/affine/components/src/context-menu/menu-renderer.ts

@@ -165,9 +165,11 @@ export class MenuComponent
     return html`
       ${this.renderTitle()} ${this.renderSearch()}
       <div class="affine-menu-body">
-        ${result.length === 0 && this.menu.enableSearch
-          ? html` <div class="no-results">No Results</div>`
-          : ''}
+        ${
+          result.length === 0 && this.menu.enableSearch
+            ? html` <div class="no-results">No Results</div>`
+            : ''
+        }
         ${result}
       </div>
     `;
@@ -213,35 +215,39 @@ export class MenuComponent
         style="display:flex;align-items:center;gap: 4px;padding:3px 4px 3px 2px"
         @mouseenter="${() => this.menu.closeSubMenu()}"
       >
-        ${title.onBack
-          ? html` <div
-              @click="${() => {
-                const result = title.onBack?.(this.menu);
-                if (result !== false) {
-                  this.menu.close();
-                }
-              }}"
-              class="dv-icon-20 dv-hover dv-pd-2 dv-round-4"
-              style="display:flex;"
-            >
-              ${ArrowLeftBigIcon()}
-            </div>`
-          : nothing}
+        ${
+          title.onBack
+            ? html` <div
+                @click="${() => {
+                  const result = title.onBack?.(this.menu);
+                  if (result !== false) {
+                    this.menu.close();
+                  }
+                }}"
+                class="dv-icon-20 dv-hover dv-pd-2 dv-round-4"
+                style="display:flex;"
+              >
+                ${ArrowLeftBigIcon()}
+              </div>`
+            : nothing
+        }
         <div
           style="flex:1;font-weight:500;font-size: 14px;line-height: 22px;color: var(--affine-text-primary-color)"
         >
           ${title.text}
         </div>
         ${title.postfix?.()}
-        ${title.onClose
-          ? html` <div
-              @click="${title.onClose}"
-              class="dv-icon-20 dv-hover dv-pd-2 dv-round-4"
-              style="display:flex;"
-            >
-              ${CloseIcon()}
-            </div>`
-          : nothing}
+        ${
+          title.onClose
+            ? html` <div
+                @click="${title.onClose}"
+                class="dv-icon-20 dv-hover dv-pd-2 dv-round-4"
+                style="display:flex;"
+              >
+                ${CloseIcon()}
+              </div>`
+            : nothing
+        }
       </div>
     `;
   }
@@ -323,21 +329,23 @@ export class MobileMenuComponent
         @mouseenter="${() => this.menu.closeSubMenu()}"
       >
         <div style="width: 50px;flex-shrink: 0;margin-left: 10px;">
-          ${title?.onBack
-            ? html` <div
-                @click="${() => {
-                  title.onBack?.(this.menu);
-                  this.menu.close();
-                }}"
-                style="
+          ${
+            title?.onBack
+              ? html` <div
+                  @click="${() => {
+                    title.onBack?.(this.menu);
+                    this.menu.close();
+                  }}"
+                  style="
                 display:flex;
                 font-size: 24px;
                 align-items:center;
 "
-              >
-                ${ArrowLeftSmallIcon()}
-              </div>`
-            : nothing}
+                >
+                  ${ArrowLeftSmallIcon()}
+                </div>`
+              : nothing
+          }
         </div>
         <div
           style="

blocksuite/affine/components/src/context-menu/menu.ts

@@ -149,7 +149,7 @@ export class Menu {
 
   renderItems(items: MenuConfig[]) {
     const result = [];
-    // oxlint-disable-next-line @typescript-eslint/prefer-for-of
+    // oxlint-disable-next-line typescript/prefer-for-of
     for (let i = 0; i < items.length; i++) {
       const item = items[i];
       const template = item(this, result.length);