feat: add options column on Domain table

assets/utils/functions/DomainToTag.tsx

@@ -0,0 +1,29 @@
+import {Tag} from 'antd'
+import {DeleteOutlined, ExclamationCircleOutlined} from '@ant-design/icons'
+import punycode from 'punycode/punycode'
+import {Link} from 'react-router-dom'
+import React from 'react'
+
+export function DomainToTag({domain}: { domain: { ldhName: string, deleted: boolean, status: string[] } }) {
+    return (
+        <Link to={'/search/domain/' + domain.ldhName}>
+            <Tag
+                color={
+                    domain.deleted
+                        ? 'magenta'
+                        : domain.status.includes('redemption period')
+                            ? 'yellow'
+                            : domain.status.includes('pending delete') ? 'volcano' : 'default'
+                }
+                icon={
+                    domain.deleted
+                        ? <DeleteOutlined/>
+                        : domain.status.includes('redemption period')
+                            ? <ExclamationCircleOutlined/>
+                            : domain.status.includes('pending delete') ? <DeleteOutlined/> : null
+                }
+            >{punycode.toUnicode(domain.ldhName)}
+            </Tag>
+        </Link>
+    )
+}

assets/utils/functions/StatusToTag.tsx

@@ -0,0 +1,17 @@
+import {Tag, Tooltip} from 'antd'
+import {eppStatusCodeToColor} from './eppStatusCodeToColor'
+import React from 'react'
+import {rdapStatusCodeDetailTranslation} from './rdapTranslation'
+
+export function statusToTag(s: string) {
+    const rdapStatusCodeDetailTranslated = rdapStatusCodeDetailTranslation()
+
+    return (
+        <Tooltip
+            placement='bottomLeft'
+            title={rdapStatusCodeDetailTranslated[s as keyof typeof rdapStatusCodeDetailTranslated] || undefined}
+        >
+            <Tag color={eppStatusCodeToColor(s)}>{s}</Tag>
+        </Tooltip>
+    )
+}

assets/utils/functions/isDomainLocked.ts

@@ -0,0 +1,3 @@
+export const isDomainLocked = (status: string[], type: 'client' | 'server'): boolean =>
+    (status.includes(type + ' update prohibited') && status.includes(type + ' delete prohibited')) ||
+    status.includes(type + ' transfer prohibited')