feat: switch to new toast provider

app/routes/acls/editor.tsx

@@ -1,33 +1,33 @@
+import { setTimeout } from 'node:timers/promises';
 import {
 	BeakerIcon,
 	EyeIcon,
 	IssueDraftIcon,
 	PencilIcon,
 } from '@primer/octicons-react';
-import type { ActionFunctionArgs, LoaderFunctionArgs } from 'react-router';
-import { useLoaderData, useRevalidator, useFetcher } from 'react-router';
 //import { useDebounceFetcher } from 'remix-utils/use-debounce-fetcher';
-import { useEffect, useState, useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Tab, TabList, TabPanel, Tabs } from 'react-aria-components';
-import { setTimeout } from 'node:timers/promises';
+import type { ActionFunctionArgs, LoaderFunctionArgs } from 'react-router';
+import { useFetcher, useLoaderData, useRevalidator } from 'react-router';
 
 import Button from '~/components/Button';
 import Code from '~/components/Code';
 import Link from '~/components/Link';
 import Notice from '~/components/Notice';
 import Spinner from '~/components/Spinner';
-import { toast } from '~/components/Toaster';
 import { cn } from '~/utils/cn';
 import { loadContext } from '~/utils/config/headplane';
 import { loadConfig } from '~/utils/config/headscale';
 import { HeadscaleError, pull, put } from '~/utils/headscale';
-import { getSession } from '~/utils/sessions.server';
-import { send } from '~/utils/res';
 import log from '~/utils/log';
+import { send } from '~/utils/res';
+import { getSession } from '~/utils/sessions.server';
 
-import { Editor, Differ } from './components/cm.client';
-import { Unavailable } from './components/unavailable';
+import toast from '~/utils/toast';
+import { Differ, Editor } from './components/cm.client';
 import { ErrorView } from './components/error';
+import { Unavailable } from './components/unavailable';
 
 export async function loader({ request }: LoaderFunctionArgs) {
 	const session = await getSession(request.headers.get('Cookie'));
@@ -143,8 +143,6 @@ export async function action({ request }: ActionFunctionArgs) {
 			},
 		);
 	}
-
-	return { success: true, error: null };
 }
 
 export default function Page() {

app/routes/dns/components/domains.tsx

@@ -1,20 +1,20 @@
 /* eslint-disable unicorn/no-keyword-prefix */
-import { closestCorners, DndContext, DragOverlay } from '@dnd-kit/core';
+import { DndContext, DragOverlay, closestCorners } from '@dnd-kit/core';
 import {
 	restrictToParentElement,
 	restrictToVerticalAxis,
 } from '@dnd-kit/modifiers';
 import {
-	arrayMove,
 	SortableContext,
+	arrayMove,
 	useSortable,
 	verticalListSortingStrategy,
 } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 import { LockIcon, ThreeBarsIcon } from '@primer/octicons-react';
-import { type FetcherWithComponents, useFetcher } from 'react-router';
 import { useEffect, useState } from 'react';
 import { Button, Input } from 'react-aria-components';
+import { type FetcherWithComponents, useFetcher } from 'react-router';
 
 import Spinner from '~/components/Spinner';
 import TableList from '~/components/TableList';
@@ -91,8 +91,7 @@ export default function Domains({
 					>
 						{localDomains.map((sd, index) => (
 							<Domain
-								// eslint-disable-next-line react/no-array-index-key
-								key={index}
+								key={sd}
 								domain={sd}
 								id={index + 1}
 								localDomains={localDomains}

app/routes/users/overview.tsx

@@ -9,7 +9,6 @@ import Attribute from '~/components/Attribute';
 import Card from '~/components/Card';
 import { ErrorPopup } from '~/components/Error';
 import StatusCircle from '~/components/StatusCircle';
-import { toast } from '~/components/Toaster';
 import type { Machine, User } from '~/types';
 import { cn } from '~/utils/cn';
 import { loadContext } from '~/utils/config/headplane';
@@ -19,6 +18,7 @@ import { send } from '~/utils/res';
 import { getSession } from '~/utils/sessions.server';
 import { useLiveData } from '~/utils/useLiveData';
 
+import toast from '~/utils/toast';
 import Auth from './components/auth';
 import Oidc from './components/oidc';
 import Remove from './dialogs/remove';