不要なインポートを削除し、ヘッダーコンポーネントにローディングインジケーターを追加しました

next/src/app/[locale]/(edit-layout)/user/[handle]/page/[slug]/edit/components/header/action.ts

@@ -2,13 +2,13 @@
 import { getPageById } from "@/app/[locale]/db/queries.server";
 import type { ActionResponse } from "@/app/types";
 import { getCurrentUser } from "@/auth";
+import { parseFormData } from "@/lib/parse-formdata";
 import type { PageStatus } from "@prisma/client";
 import { revalidatePath } from "next/cache";
 import { redirect } from "next/navigation";
 import { z } from "zod";
 import { updatePageStatus } from "./db/mutations.server";
 import { handlePageTranslation } from "./lib/handle-page-translation";
-import { parseFormData } from "@/lib/parse-formdata";
 const editPageStatusSchema = z.object({
 	pageId: z.coerce.number().min(1),
 	status: z.enum(["DRAFT", "PUBLIC", "ARCHIVE"]),

next/src/app/[locale]/components/header/index.tsx

@@ -1,11 +1,11 @@
 import { getCurrentUser } from "@/auth";
 import { Link } from "@/i18n/routing";
 import { Search } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import dynamic from "next/dynamic";
 import { StartButton } from "../start-button";
 import { BaseHeaderLayout } from "./base-header-layout";
 import { NewPageButton } from "./new-page-button";
-import { Loader2 } from "lucide-react";
 
 const NotificationsDropdown = dynamic(
 	() => import("./notifications-dropdown").then((mod) => mod.default),