fix: cannot hover over project card tooltip items (#6071)

fix: cannot hover over project cards

packages/ui/src/components/base/SmartClickable.vue

@@ -48,7 +48,9 @@ defineOptions({
 
 	// When clickable is being hovered or focus-visible, give contents an effect
 	:first-child:hover + .smart-clickable__contents,
-	:first-child:focus-visible + .smart-clickable__contents {
+	:first-child:focus-visible + .smart-clickable__contents,
+	.smart-clickable__contents:hover,
+	.smart-clickable__contents:focus-within {
 		// Utility classes for contents
 		:deep(.smart-clickable\:underline-on-hover) {
 			text-decoration: underline;

packages/ui/src/components/project/card/ProjectCard.vue

@@ -62,7 +62,11 @@
 								:hide-label="true"
 							/>
 							<ServerPing v-if="serverPing && serverStatusOnline" :ping="serverPing" />
-							<ServerRegion v-if="serverRegion" :region="serverRegion" />
+							<ServerRegion
+								v-if="serverRegion"
+								:region="serverRegion"
+								class="smart-clickable:allow-pointer-events"
+							/>
 						</template>
 						<ProjectCardEnvironment
 							v-if="environment"
@@ -158,7 +162,11 @@
 					<div class="flex items-center gap-1">
 						<template v-if="isServerProject">
 							<ServerPing v-if="serverPing && serverStatusOnline" :ping="serverPing" />
-							<ServerRegion v-if="serverRegion" :region="serverRegion" />
+							<ServerRegion
+								v-if="serverRegion"
+								:region="serverRegion"
+								class="smart-clickable:allow-pointer-events"
+							/>
 						</template>
 						<ProjectCardEnvironment
 							v-if="environment"