feat: add organization settings and invitations

modules/auth/components/AuthPanel.tsx

@@ -28,6 +28,7 @@ function AuthPanelContent({ mode }: AuthPanelProps): React.ReactElement {
   const router = useRouter();
   const searchParams = useSearchParams();
   const redirectTo = searchParams.get("redirectTo") ?? "/app/dashboard";
+  const invitationToken = searchParams.get("invite") ?? "";
   const [message, setMessage] = useState("");
   const [isPending, setIsPending] = useState(false);
   const [hasAccounts, setHasAccounts] = useState<boolean | null>(null);
@@ -117,6 +118,7 @@ function AuthPanelContent({ mode }: AuthPanelProps): React.ReactElement {
         password,
         organization,
         organizationId,
+        invitationToken,
       }),
     });
     const result = (await response.json()) as ApiResult<{ account: unknown; pendingApproval?: boolean }>;
@@ -195,7 +197,13 @@ function AuthPanelContent({ mode }: AuthPanelProps): React.ReactElement {
                 </label>
               ) : null}
 
-              {mode === "register" && organizations.length > 0 ? (
+              {mode === "register" && invitationToken ? (
+                <p className="rounded-md bg-secondary px-3 py-2 text-sm text-secondary-foreground">
+                  正在使用机构邀请注册，完成后将自动加入机构。
+                </p>
+              ) : null}
+
+              {mode === "register" && !invitationToken && organizations.length > 0 ? (
                 <label className="block space-y-2">
                   <span className="text-sm font-medium">申请加入机构</span>
                   <select