fix: resolve toggle label wrapping to new line

Change display from inline-block to inline-flex so it doesn't conflict
with the conditional flex class when a label is present. In Tailwind v4,
inline-block was winning over flex due to CSS layer ordering.

Author: kostovster

src/components/atoms/toggle/Toggle.vue

@@ -3,11 +3,11 @@
     :class="[
       {
         'pointer-events-none': disabled,
-        'flex items-center gap-2': label
+        'gap-2': label
       }
     ]"
     :for="id"
-    class="relative inline-block cursor-pointer"
+    class="relative inline-flex cursor-pointer items-center"
   >
     <input
       :id="id"