feat: add domain hack suggestions

web/src/components/cards/providers/Domains.tsx

@@ -3,12 +3,23 @@ import {useTranslation} from 'react-i18next';
 import {MdDomain} from 'react-icons/md';
 
 import {Card, Repeater, DedicatedAvailability} from '../core';
+import {zones} from '../../../util/zones';
 
 const DomainCard: React.FC<{query: string}> = ({query}) => {
   const {t} = useTranslation();
   const lowerCase = query.toLowerCase();
 
-  const names = [`${lowerCase}.com`, `${lowerCase}.io`, `${lowerCase}.app`];
+  const domainHackSuggestions = zones
+    .map((zone) => new RegExp(`${zone}$`).exec(query))
+    .filter((s): s is RegExpExecArray => s !== null)
+    .map((m) => query.substring(0, m.index) + '.' + query.substring(m.index));
+
+  const names = [
+    `${lowerCase}.com`,
+    `${lowerCase}.io`,
+    `${lowerCase}.app`,
+    ...domainHackSuggestions,
+  ];
   const moreNames = [
     `${lowerCase}.org`,
     `${lowerCase}.dev`,