ui: Beta features

apps/ui/src/lib/components/UpdateAvailable.svelte

@@ -86,7 +86,7 @@
 				id="update"
 				disabled={updateStatus.success === false}
 				on:click={update}
-				class="icons bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 text-white duration-75 hover:scale-105  w-full"
+				class="icons bg-coollabs-gradient text-white duration-75 hover:scale-105  w-full"
 			>
 				{#if updateStatus.loading}
 					<svg

apps/ui/src/lib/components/Usage.svelte

@@ -72,17 +72,14 @@
 	{:else}
 		<span class="indicator-item badge bg-success badge-sm" />
 	{/if}
-	{#if server.remoteEngine}
-		<div
-			class="absolute top-0 right-0 text-xl font-bold uppercase bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 p-1 rounded m-2"
-		>
-			BETA
-		</div>
-	{/if}
+
 	<div class="w-full flex flex-col lg:flex-row space-y-4 lg:space-y-0 space-x-4">
 		<div class="flex flex-col">
 			<h1 class="font-bold text-lg lg:text-xl truncate">
 				{server.name}
+				{#if server.remoteEngine}
+					<span class="badge bg-coollabs-gradient rounded text-white"> BETA </span>
+				{/if}
 			</h1>
 			<div class="text-xs">
 				{#if server?.remoteIpAddress}