fix(plugin-marketplace): add gap to subscription type display

Add a gap of 0.5rem between the icon and the text in the subscription type display. This improves the visual spacing and readability of plugin subscription details.

Author: adkif

packages/desktop-ui-lib/src/lib/settings/plugins/component/plugin-marketplace/plugin-marketplace-detail/plugin-marketplace-detail.component.html

@@ -114,7 +114,7 @@
 	<div class="plugin-subscription">
 		<div class="subscription-info">
 			<div class="subscription-type">
-				<div class="d-flex align-items-center">
+				<div class="d-flex align-items-center first">
 					<nb-icon [icon]="getSubscriptionIcon(subscription.plan?.type)"></nb-icon>
 					<span>{{ subscription.plan?.name || (subscription.plan?.type | titlecase) }}</span>
 				</div>

packages/desktop-ui-lib/src/lib/settings/plugins/component/plugin-marketplace/plugin-marketplace-detail/plugin-marketplace-detail.component.scss

@@ -502,6 +502,10 @@
     font-weight: 600;
     color: var(--gauzy-text-color-1);
 
+    div.first {
+      gap: 0.5rem;
+    }
+
     nb-icon {
       color: var(--color-primary-default);
       font-size: 18px;