Refine workspaces and event publishing; harden uploads and email delivery

apps/web/src/app/dashboard/people/group-people.tsx

@@ -1,5 +1,7 @@
 "use client";
 
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
+
 import { useState } from "react";
 import { toast } from "sonner";
 import type { GroupRole } from "@album/contracts";
@@ -103,14 +105,10 @@ export function GroupPeople({
                 onChange={(event) => setEmail(event.target.value)}
                 className="max-w-xs"
               />
-              <select
-                className="rounded-md border bg-background px-2 py-1.5 text-sm"
-                value={role}
-                onChange={(event) => setRole(event.target.value as GroupRole)}
-              >
-                <option value="member">member</option>
-                <option value="owner">owner</option>
-              </select>
+              <Select value={role} onValueChange={(value) => setRole(value as GroupRole)}>
+                <SelectTrigger aria-label="Group role"><SelectValue /></SelectTrigger>
+                <SelectContent><SelectGroup><SelectItem value="member">Member</SelectItem><SelectItem value="owner">Owner</SelectItem></SelectGroup></SelectContent>
+              </Select>
               <Button type="submit" disabled={setMember.isPending}>
                 Add existing user
               </Button>