fix: close modal on clicking overlay for non input modals (#5403)

Co-authored-by: nivedin <nivedinp@gmail.com>

packages/hoppscotch-common/src/components/app/DeveloperOptions.vue

@@ -1,7 +1,6 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('app.developer_option')"
     @close="hideModal"
   >

packages/hoppscotch-common/src/components/app/Options.vue

@@ -1,14 +1,13 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('app.options')"
     styles="sm:max-w-md"
     @close="emit('hide-modal')"
   >
     <template #body>
       <div class="flex flex-col space-y-2">
-        <h2 class="p-4 font-bold font-semibold text-secondaryDark">
+        <h2 class="p-4 font-semibold text-secondaryDark">
           {{ t("layout.name") }}
         </h2>
         <HoppSmartItem
@@ -27,7 +26,7 @@
           active
           @click="expandCollection"
         />
-        <h2 class="p-4 font-bold font-semibold text-secondaryDark">
+        <h2 class="p-4 font-semibold text-secondaryDark">
           {{ t("support.title") }}
         </h2>
         <template

packages/hoppscotch-common/src/components/app/Share.vue

@@ -1,7 +1,6 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('app.invite_your_friends')"
     @close="hideModal"
   >

packages/hoppscotch-common/src/components/app/Support.vue

@@ -1,7 +1,6 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('support.title')"
     styles="sm:max-w-md"
     @close="emit('hide-modal')"