feat: used stack instead of css

Author: HarshMN2345

v2/pink-sb/src/lib/Fieldset.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
     import Badge from './Badge.svelte';
+    import Stack from './layout/Stack.svelte';
 
     export let legend: string;
     export let badge: string | undefined = undefined;
@@ -8,11 +9,13 @@
 
 <fieldset>
     <legend>
-        <span class="legend-content">
-            <span class="legend-text">{legend}</span>
-            {#if badge}
-                <Badge content={badge} variant={badgeVariant} size="xs" />
-            {/if}
+        <span>
+            <Stack inline direction="row" alignItems="center" gap="xxs">
+                <span class="legend-text">{legend}</span>
+                {#if badge}
+                    <Badge content={badge} variant={badgeVariant} size="xs" />
+                {/if}
+            </Stack>
         </span>
     </legend>
     <div class="content"><slot /></div>
@@ -31,13 +34,6 @@
         margin-left: var(--space-6, 12px);
     }
 
-    .legend-content {
-        display: inline-flex;
-        align-items: center;
-        gap: var(--space-2, 4px);
-        padding: 0 var(--space-2, 4px);
-    }
-
     .legend-text {
         font-family: var(--font-family-sansserif);
         font-size: var(--font-size-xs, 12px);