feat: Using relative time for last check nodes

frontend/src/lib/components/datatables/xmr/CountryCellWithAsn.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-	export let cc: string;
-	export let country_name: string;
-	export let city: string;
-	export let asn: number;
-	export let asn_name: string;
-
-	$: lowerCc = cc.toLowerCase();
-</script>
-
-{#if cc != ''}
-	{#if city !== ''}
-		{city},
-	{/if}
-	{country_name}
-	<img class="inline-block" src="/img/cf/{lowerCc}.svg" alt="{cc} Flag" width="22px" />
-{/if}
-
-{#if asn !== 0}
-	<br /><a
-		class="external !text-purple-800 dark:!text-purple-400"
-		href="https://www.ditatompel.com/asn/{asn}"
-		target="_blank"
-		rel="noopener">AS{asn}</a
-	>
-	(<span class="font-semibold text-green-800 dark:text-green-500">{asn_name}</span>)
-{/if}
-
-<style lang="postcss">
-	a {
-		@apply font-semibold text-sky-800 underline dark:text-sky-500;
-	}
-</style>

frontend/src/lib/components/datatables/xmr/HostPortCell.svelte

@@ -1,56 +0,0 @@
-<script>
-	import { getModalStore } from '@skeletonlabs/skeleton';
-	import { formatHostname } from '$lib/utils/strings';
-
-	const modalStore = getModalStore();
-
-	/**
-	 * @type {{
-	 *  is_tor: boolean,
-	 *  hostname: string,
-	 *  port: number,
-	 *  ipv6_only: boolean
-	 * }}
-	 */
-	export let is_tor;
-	export let hostname;
-	export let port;
-	export let ipv6_only;
-	/** @type {string} */
-	export let ip_addresses;
-
-	/**
-	 * @param {string} onionAddr
-	 * @param {number} port
-	 */
-	function modalAlert(onionAddr, port) {
-		/** @typedef {import('@skeletonlabs/skeleton').ModalSettings} ModalSettings */
-		/** @type {ModalSettings} */
-		const modal = {
-			type: 'alert',
-			title: 'Hostname:',
-			body: '<code class="code">' + onionAddr + ':' + port + '</code>'
-		};
-		modalStore.trigger(modal);
-	}
-</script>
-
-{#if is_tor}
-	<button
-		class="max-w-40 truncate text-orange-800 dark:text-orange-300"
-		on:click={() => modalAlert(hostname, port)}
-	>
-		👁 {hostname}
-	</button><br />.onion:<span class="text-indigo-800 dark:text-indigo-400">{port}</span>
-	<span class="text-gray-700 dark:text-gray-400">(TOR)</span>
-{:else}
-	{formatHostname(hostname)}:<span class="text-indigo-800 dark:text-indigo-400">{port}</span><br />
-	<div class="max-w-40 text-ellipsis overflow-x-auto md:overflow-hidden hover:overflow-visible">
-		<span class="whitespace-break-spaces text-gray-700 dark:text-gray-400"
-			>{ip_addresses.replace(/,/g, ' ')}</span
-		>
-		{#if ipv6_only}
-			<span class="text-rose-800 dark:text-rose-400">(IPv6 only)</span>
-		{/if}
-	</div>
-{/if}

frontend/src/lib/components/datatables/xmr/NetTypeCell.svelte

@@ -1,15 +0,0 @@
-<script>
-	/** @type {string} */
-	export let nettype;
-	/** @type {number} */
-	export let height;
-</script>
-
-{#if nettype === 'stagenet'}
-	<span class="font-semibold uppercase text-sky-800 dark:text-sky-500">{nettype}</span>
-{:else if nettype === 'testnet'}
-	<span class="font-semibold uppercase text-rose-800 dark:text-rose-400">{nettype}</span>
-{:else}
-	<span class="font-semibold uppercase text-green-800 dark:text-green-500">{nettype}</span>
-{/if}
-<br />{height}

frontend/src/lib/components/datatables/xmr/ProtocolCell.svelte

@@ -1,16 +0,0 @@
-<script>
-	/** @type {string} */
-	export let protocol;
-	/** @type {boolean} */
-	export let cors;
-</script>
-
-{#if protocol === 'http'}
-	<span class="font-semibold uppercase text-sky-800 dark:text-sky-500">{protocol}</span>
-{:else}
-	<span class="font-semibold uppercase text-green-800 dark:text-green-500">{protocol}</span>
-{/if}
-
-{#if cors}
-	<br />(CORS 💪)
-{/if}