fix: placeholder size and text overflow on tab head (#3261)

packages/hoppscotch-ui/src/components/smart/Placeholder.vue

@@ -4,22 +4,19 @@
       v-if="src"
       :src="src"
       loading="lazy"
-      class="inline-flex flex-col object-contain object-center w-16 h-16 mb-4"
+      class="inline-flex flex-col object-contain object-center my-4"
+      :class="large ? 'w-32 h-32' : 'w-16 h-16'"
       :alt="alt"
     />
-
     <slot name="icon"></slot>
-
     <span v-if="heading" class="mb-2 font-semibold text-center">
       {{ heading }}
     </span>
-
     <span
       class="max-w-sm mb-4 text-center whitespace-normal text-secondaryLight"
     >
       {{ text }}
     </span>
-
     <slot></slot>
   </div>
 </template>
@@ -31,6 +28,7 @@ withDefaults(
     alt?: string
     heading?: string
     text?: string
+    large?: boolean
   }>(),
   {
     alt: "",