feat: adopt kumo green ui system

modules/auth/components/AuthPanel.tsx

@@ -9,6 +9,7 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
+import { Select } from "@/components/ui/select";
 import type { ApiResult } from "@/modules/core/server/api";
 import type { Organization } from "@/modules/core/types";
 
@@ -206,17 +207,14 @@ function AuthPanelContent({ mode }: AuthPanelProps): React.ReactElement {
               {mode === "register" && !invitationToken && organizations.length > 0 ? (
                 <label className="block space-y-2">
                   <span className="text-sm 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="申请加入机构"
                     name="organizationId"
-                  >
-                    <option value="">暂不加入机构</option>
-                    {organizations.map((organization) => (
-                      <option key={organization.id} value={organization.id}>
-                        {organization.name}
-                      </option>
-                    ))}
-                  </select>
+                    options={[
+                      { value: "", label: "暂不加入机构" },
+                      ...organizations.map((organization) => ({ value: organization.id, label: organization.name })),
+                    ]}
+                  />
                 </label>
               ) : null}