feat: 찜한 기사님 목록 페이지 및 Header 프로필 메뉴 연동

src/app/movers/favorites/page.tsx

@@ -0,0 +1,18 @@
+import type { Metadata } from "next";
+
+import { PageHeader } from "@/components/common/PageHeader";
+import FavoriteMoversPageClient from "@/components/mover/FavoriteMoversPageClient";
+
+export const metadata: Metadata = {
+  title: "찜한 기사님",
+  description: "찜한 이사 기사님 목록을 확인하세요.",
+};
+
+export default function FavoriteMoversPage() {
+  return (
+    <div className="bg-background-subtle flex w-full flex-col">
+      <PageHeader title="찜한 기사님" />
+      <FavoriteMoversPageClient />
+    </div>
+  );
+}

src/components/auth/CustomerAuthGate.tsx

@@ -11,6 +11,8 @@ interface CustomerAuthGateProps {
   children: ReactNode;
   /** 세션 확인 중 표시. 기본은 공통 로딩 메시지 */
   loadingMessage?: string;
+  /** 세션 확인 중 커스텀 UI. 있으면 loadingMessage 대신 사용 */
+  loadingFallback?: ReactNode;
 }
 
 /**
@@ -24,6 +26,7 @@ interface CustomerAuthGateProps {
 export default function CustomerAuthGate({
   children,
   loadingMessage = "로그인 상태를 확인하는 중입니다.",
+  loadingFallback,
 }: CustomerAuthGateProps) {
   const router = useRouter();
   const pathname = usePathname();
@@ -47,7 +50,7 @@ export default function CustomerAuthGate({
   }, [isPending, isAuthenticated, isMover, pathname, router]);
 
   if (isPending || !canFetch) {
-    return <EstimatesQueryStatus message={loadingMessage} />;
+    return loadingFallback ?? <EstimatesQueryStatus message={loadingMessage} />;
   }
 
   return children;

src/components/common/Checkbox/Checkbox.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import Image from "next/image";
+import { type InputHTMLAttributes, type ReactNode } from "react";
+
+import { cn } from "@/lib/utils/cn";
+
+export interface CheckboxProps extends Omit<
+  InputHTMLAttributes<HTMLInputElement>,
+  "type" | "onChange" | "checked" | "size"
+> {
+  checked: boolean;
+  onCheckedChange: (checked: boolean) => void;
+  /** 체크박스 옆 표시 라벨. 없으면 aria-label 필수 */
+  label?: ReactNode;
+  labelClassName?: string;
+}
+
+/**
+ * Figma check-box (hit 36 · box 20 · radius 4)
+ * ReceivedRequestsPage 체크 UI와 동일 패턴
+ */
+export default function Checkbox({
+  checked,
+  onCheckedChange,
+  label,
+  labelClassName,
+  className,
+  disabled,
+  id,
+  "aria-label": ariaLabel,
+  ...rest
+}: CheckboxProps) {
+  return (
+    <label
+      className={cn(
+        "inline-flex cursor-pointer items-center gap-4",
+        disabled && "cursor-not-allowed opacity-50",
+        className,
+      )}
+    >
+      <input
+        {...rest}
+        id={id}
+        type="checkbox"
+        checked={checked}
+        disabled={disabled}
+        aria-label={label ? undefined : ariaLabel}
+        className="peer sr-only"
+        onChange={(event) => onCheckedChange(event.target.checked)}
+      />
+      <span className="peer-focus-visible:ring-border-brand rounded-4 flex size-36 shrink-0 items-center justify-center peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2">
+        <span
+          className={cn(
+            "rounded-4 flex size-20 items-center justify-center",
+            checked ? "bg-background-brand" : "border-border-default bg-background-surface border",
+          )}
+          aria-hidden="true"
+        >
+          {checked ? <Image src="/icons/checkbox-check.svg" alt="" width={10} height={6} /> : null}
+        </span>
+      </span>
+      {label ? <span className={labelClassName}>{label}</span> : null}
+    </label>
+  );
+}