chore: fix build issues

app/routes/machines/components/machine.tsx

@@ -4,11 +4,11 @@ import { Link } from 'react-router';
 import Chip from '~/components/Chip';
 import Menu from '~/components/Menu';
 import StatusCircle from '~/components/StatusCircle';
-import { toast } from '~/components/Toaster';
 import type { HostInfo, Machine, Route, User } from '~/types';
 import { cn } from '~/utils/cn';
 import * as hinfo from '~/utils/host-info';
 
+import toast from '~/utils/toast';
 import MenuOptions from './menu';
 
 interface Props {

app/routes/settings/auth-keys.tsx

@@ -183,14 +183,14 @@ export default function Page() {
 					<Select
 						label="Filter by User"
 						placeholder="Select a user"
-						state={[user, setUser]}
+						onSelectionChange={(value) => setUser(value?.toString() ?? '')}
 					>
-						<Select.Item id="All">All</Select.Item>
-						{users.map((user) => (
-							<Select.Item key={user.id} id={user.name}>
-								{user.name}
-							</Select.Item>
-						))}
+						{[
+							<Select.Item key="All">All</Select.Item>,
+							...users.map((user) => (
+								<Select.Item key={user.name}>{user.name}</Select.Item>
+							)),
+						]}
 					</Select>
 				</div>
 				<div className="w-full">

app/routes/settings/components/key.tsx

@@ -1,9 +1,9 @@
-import { toast } from '~/components/Toaster';
 import type { PreAuthKey } from '~/types';
 
 import Attribute from '~/components/Attribute';
 import Button from '~/components/Button';
 import Code from '~/components/Code';
+import toast from '~/utils/toast';
 import ExpireKey from '../dialogs/expire';
 
 interface Props {

app/routes/settings/dialogs/new.tsx

@@ -13,12 +13,8 @@ interface Props {
 
 // TODO: Tags
 export default function AddPreAuthKey(data: Props) {
-	const fetcher = useFetcher();
-	const [user, setUser] = useState('');
 	const [reusable, setReusable] = useState(false);
 	const [ephemeral, setEphemeral] = useState(false);
-	const [aclTags, setAclTags] = useState([]);
-	const [expiry, setExpiry] = useState(90);
 
 	return (
 		<Dialog>
@@ -28,15 +24,13 @@ export default function AddPreAuthKey(data: Props) {
 				<Dialog.Text className="font-semibold">User</Dialog.Text>
 				<Dialog.Text className="text-sm">Attach this key to a user</Dialog.Text>
 				<Select
+					isRequired
 					label="Owner"
 					name="user"
 					placeholder="Select a user"
-					state={[user, setUser]}
 				>
 					{data.users.map((user) => (
-						<Select.Item key={user.id} id={user.name}>
-							{user.name}
-						</Select.Item>
+						<Select.Item key={user.name}>{user.name}</Select.Item>
 					))}
 				</Select>
 				<NumberInput