Use absolute @/ style imports

- remove index.html

src/components/Domain.tsx

@@ -1,6 +1,7 @@
-import React, {Fragment, FunctionComponent, ReactNode} from "react";
-import {DomainType} from "./DomainType";
-import {rdapStatusInfo} from "../constants";
+import type {FunctionComponent, ReactNode} from "react";
+import React, {Fragment} from "react";
+import type {DomainType} from "@/components/DomainType";
+import {rdapStatusInfo} from "@/constants";
 
 export type DomainProps = {
     data: DomainType;

src/components/DomainType.tsx

@@ -1,6 +1,5 @@
 import type {FunctionComponent} from "react";
-import {useMemo} from "react";
-import Domain from "./Domain";
+import Domain from "@/components/Domain";
 
 export type Link = {
     value: string;

src/components/Events.tsx

@@ -1,4 +1,4 @@
-import {FunctionComponent} from "react";
+import type {FunctionComponent} from "react";
 
 export type Event = {
     eventAction: string;

src/constants.ts

@@ -1,5 +1,5 @@
 // see https://www.iana.org/assignments/rdap-json-values
-import type {ExtendedUri, RdapStatusType, Uri} from "./types";
+import type {ExtendedUri, RdapStatusType, Uri} from "@/types";
 
 export const rdapStatusInfo: Record<RdapStatusType, string> = {
     "validated": "Signifies that the data of the object instance has been found to be accurate. This type of status is usually found on entity object instances to note the validity of identifying contact information.",

src/rdap.ts

@@ -1,6 +1,6 @@
 import ipaddr from "ipaddr.js";
-import {registryURLs, rdapStatusInfo, placeholders} from "./constants";
-import type {Uri} from "./types";
+import {rdapStatusInfo, registryURLs} from "@/constants";
+import type {Uri} from "@/types";
 
 // keeps track of how many registries we've loaded
 let loadedRegistries = 0;