feat: adopt kumo green ui system

modules/settings/components/OrganizationManagementClient.tsx

@@ -7,6 +7,7 @@ import { useRouter } from "next/navigation";
 import { Button } from "@/components/ui/button";
 import { Dialog } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
+import { Select } from "@/components/ui/select";
 import type { ApiResult } from "@/modules/core/server/api";
 import type { Organization, RoleDefinition } from "@/modules/core/types";
 import { OrganizationInviteDialog } from "@/modules/settings/components/OrganizationInviteDialog";
@@ -204,14 +205,15 @@ export function OrganizationRowActions({
           </label>
           <label className="grid gap-2 text-sm">
             <span className="font-medium">状态</span>
-            <select
-              className="h-11 w-full rounded-md border bg-background px-3 text-sm outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring"
+            <Select
+              aria-label="机构状态"
               defaultValue={organization.status}
               name="status"
-            >
-              <option value="active">启用</option>
-              <option value="disabled">停用</option>
-            </select>
+              options={[
+                { value: "active", label: "启用" },
+                { value: "disabled", label: "停用" },
+              ]}
+            />
           </label>
           {message ? (
             <p className="rounded-md bg-secondary px-3 py-2 text-sm text-secondary-foreground" role="status">