🤖 tests: satisfy lint for mock-before-load suites

Keep the mock-before-load fixes in AppLoader auth and ProjectSidebar tests while switching the deferred loads to lint-annotated `require()` calls, which Bun test already uses elsewhere for post-mock module loading.

---

_Generated with `mux` • Model: `openai:gpt-5.4` • Thinking: `xhigh` • Cost: `$447.91`_

<!-- mux-attribution: model=openai:gpt-5.4 thinking=xhigh costs=447.91 -->

Author: ammar-agent

src/browser/components/AppLoader/AppLoader.auth.test.tsx

@@ -1,6 +1,7 @@
 import "../../../../tests/ui/dom";
 
 import React from "react";
+import type { AppLoader as AppLoaderComponent } from "../AppLoader/AppLoader";
 import { afterEach, beforeEach, describe, expect, mock, test } from "bun:test";
 import { cleanup, render } from "@testing-library/react";
 import { useTheme } from "../../contexts/ThemeContext";
@@ -101,13 +102,16 @@ function installAppLoaderModuleMocks() {
   }));
 }
 
-let AppLoader: (typeof import("../AppLoader/AppLoader"))["AppLoader"];
+let AppLoader: typeof AppLoaderComponent;
 
 describe("AppLoader", () => {
-  beforeEach(async () => {
+  beforeEach(() => {
     cleanupDom = installDom();
     installAppLoaderModuleMocks();
-    ({ AppLoader } = await import("../AppLoader/AppLoader"));
+    // eslint-disable-next-line @typescript-eslint/no-require-imports -- module mocks must be registered before loading AppLoader in bun tests.
+    ({ AppLoader } = require("../AppLoader/AppLoader") as {
+      AppLoader: typeof AppLoaderComponent;
+    });
   });
 
   afterEach(() => {

src/browser/components/ProjectSidebar/ProjectSidebar.test.tsx

@@ -1,6 +1,7 @@
 import "../../../../tests/ui/dom";
 
 import { type PropsWithChildren } from "react";
+import type ProjectSidebarComponent from "./ProjectSidebar";
 import { afterEach, beforeEach, describe, expect, mock, spyOn, test } from "bun:test";
 import { cleanup, fireEvent, render, waitFor } from "@testing-library/react";
 import * as MuxLogoDarkModule from "@/browser/assets/logos/mux-logo-dark.svg?react";
@@ -46,7 +47,7 @@ function TestWrapper(props: PropsWithChildren) {
 
 const passthroughRef = <T,>(value: T): T => value;
 
-let ProjectSidebar: (typeof import("./ProjectSidebar"))["default"];
+let ProjectSidebar: typeof ProjectSidebarComponent;
 
 function installProjectSidebarModuleMocks() {
   void mock.module("react-dnd", () => ({
@@ -300,7 +301,7 @@ function createWorkspace(
 let cleanupDom: (() => void) | null = null;
 
 describe("ProjectSidebar multi-project completed-subagent toggles", () => {
-  beforeEach(async () => {
+  beforeEach(() => {
     cleanupDom = installDom();
     window.localStorage.clear();
     window.localStorage.setItem(
@@ -309,7 +310,10 @@ describe("ProjectSidebar multi-project completed-subagent toggles", () => {
     );
     installProjectSidebarModuleMocks();
     installProjectSidebarTestDoubles();
-    ({ default: ProjectSidebar } = await import("./ProjectSidebar"));
+    // eslint-disable-next-line @typescript-eslint/no-require-imports -- module mocks must be registered before loading ProjectSidebar in bun tests.
+    ({ default: ProjectSidebar } = require("./ProjectSidebar") as {
+      default: typeof ProjectSidebarComponent;
+    });
   });
 
   afterEach(() => {