feat: replace button and toast provider with base-ui

app/routes/settings/auth-keys/dialogs/add-auth-key.tsx

@@ -89,7 +89,7 @@ export default function AddAuthKey({
         setIsOpen(open);
       }}
     >
-      <Button className="my-4" onPress={() => setIsOpen(true)}>
+      <Button className="my-4" onClick={() => setIsOpen(true)}>
         Create pre-auth key
       </Button>
       {createdKey ? (
@@ -100,7 +100,7 @@ export default function AddAuthKey({
             <code className="min-w-0 flex-1 truncate font-mono text-sm">{createdKey}</code>
             <Button
               className="shrink-0"
-              onPress={async () => {
+              onClick={async () => {
                 await navigator.clipboard.writeText(createdKey);
                 toast("Copied key to clipboard");
               }}

app/routes/settings/restrictions/dialogs/add-domain.tsx

@@ -36,7 +36,7 @@ export default function AddDomain({ domains, isDisabled }: AddDomainProps) {
 
   return (
     <Dialog>
-      <Button isDisabled={isDisabled}>Add domain</Button>
+      <Button disabled={isDisabled}>Add domain</Button>
       <DialogPanel>
         <Title>Add domain</Title>
         <Text className="mb-4">

app/routes/settings/restrictions/dialogs/add-group.tsx

@@ -27,7 +27,7 @@ export default function AddGroup({ groups, isDisabled }: AddGroupProps) {
 
   return (
     <Dialog>
-      <Button isDisabled={isDisabled}>Add group</Button>
+      <Button disabled={isDisabled}>Add group</Button>
       <DialogPanel>
         <Title>Add group</Title>
         <Text className="mb-4">

app/routes/settings/restrictions/dialogs/add-user.tsx

@@ -27,7 +27,7 @@ export default function AddUser({ users, isDisabled }: AddUserProps) {
 
   return (
     <Dialog>
-      <Button isDisabled={isDisabled}>Add user</Button>
+      <Button disabled={isDisabled}>Add user</Button>
       <DialogPanel>
         <Title>Add user</Title>
         <Text className="mb-4">

app/routes/settings/restrictions/table.tsx

@@ -37,7 +37,7 @@ export default function RestrictionTable({ children, type, values, isDisabled }:
                 <input name={type} type="hidden" value={value} />
                 <Button
                   className={cn("px-2 py-1 rounded-md", "text-red-500 dark:text-red-400")}
-                  isDisabled={isDisabled}
+                  disabled={isDisabled}
                   type="submit"
                 >
                   Remove