chore: cleanup and use aria components in places

app/routes/_data.dns._index/magic.tsx

@@ -1,6 +1,7 @@
 import { useFetcher } from '@remix-run/react'
 
 import Button from '~/components/Button'
+// TODO: Remove useModal and replace with Dialog
 import useModal from '~/components/Modal'
 import Spinner from '~/components/Spinner'
 

app/routes/_data.dns._index/rename.tsx

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable unicorn/no-keyword-prefix */
-import { Dialog } from '@headlessui/react'
 import { useFetcher } from '@remix-run/react'
 import { useState } from 'react'