fix: tooltip colors

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

@@ -18,6 +18,7 @@
 </div>
 <div
 	class:tooltip-right={dataTooltip}
+	class:tooltip-primary={dataTooltip}
 	class:tooltip={dataTooltip}
 	class:text-center={isCenter}
 	data-tip={dataTooltip}

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

@@ -82,7 +82,8 @@
 			<button
 				disabled={updateStatus.success === false}
 				on:click={update}
-				class="icons tooltip-right bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 text-white duration-75 hover:scale-105"
+				class="icons tooltip tooltip-right tooltip-primary bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 text-white duration-75 hover:scale-105"
+				data-tip="Update available!"
 			>
 				{#if updateStatus.loading}
 					<svg