fix: enhance badge styles for row actions and improve pro badge hover effects

Author: imantsk

src/css/common/_badges.scss

@@ -23,6 +23,8 @@
   @at-root .row-actions & {
     color: #8c8c8c;
     padding-inline: 0px;
+    text-transform: capitalize;
+    font-weight: 500;
   }
 
 	.dashicons {
@@ -85,6 +87,33 @@
 .inverted-badges .badge {
 	color: #fff;
 	background-color: #a7aaad;
+	border-color: #fff !important;
+
+  .dashicons {
+    color: #fff;
+  }
+}
+
+.nav-tab-inactive {
+	$colors: map.get(theme.$badges, 'pro');
+	$text-color: list.nth($colors, 2);
+	$background-color: list.nth($colors, 1);
+
+	.badge.pro-badge {
+		color: $text-color;
+		background-color: $background-color;
+	}
+
+	&:hover {
+		&.button, .dashicons-external {
+			color: #3c434a;
+		}
+
+		.badge.pro-badge {
+			color: $background-color;
+			background-color: $text-color;
+		}
+	}
 }
 
 .nav-tab-inactive {