chore: improve placeholder component styles

packages/hoppscotch-sh-admin/src/components/teams/Invite.vue

@@ -117,7 +117,13 @@
             alt="No invites"
             text="No invites"
           >
-            <HoppButtonSecondary label="Add new" filled @click="addNewMember" />
+            <template #body>
+              <HoppButtonSecondary
+                label="Add new"
+                filled
+                @click="addNewMember"
+              />
+            </template>
           </HoppSmartPlaceholder>
         </div>
         <div

packages/hoppscotch-sh-admin/src/components/teams/Members.vue

@@ -15,15 +15,17 @@
           v-if="team?.teamMembers?.length === 0"
           text="No members in this team. Add members to this team to collaborate"
         >
-          <HoppButtonSecondary
-            :icon="IconUserPlus"
-            :label="t('teams.add_members')"
-            @click="
-              () => {
-                showInvite = !showInvite;
-              }
-            "
-          />
+          <template #body>
+            <HoppButtonSecondary
+              :icon="IconUserPlus"
+              :label="t('teams.add_members')"
+              @click="
+                () => {
+                  showInvite = !showInvite;
+                }
+              "
+            />
+          </template>
         </HoppSmartPlaceholder>
         <div v-else class="divide-y divide-dividerLight">
           <div

packages/hoppscotch-sh-admin/src/components/teams/PendingInvites.vue

@@ -41,10 +41,12 @@
         v-if="team && pendingInvites?.length === 0"
         text="No pending invites"
       >
-        <div v-if="!fetching && error" class="flex flex-col items-center p-4">
-          <icon-lucide-help-circle class="mb-4 svg-icons" />
-          Something went wrong. Please try again later.
-        </div>
+        <template #body>
+          <div v-if="!fetching && error" class="flex flex-col items-center p-4">
+            <icon-lucide-help-circle class="mb-4 svg-icons" />
+            {{ t('error.something_went_wrong') }}
+          </div>
+        </template>
       </HoppSmartPlaceholder>
     </div>
   </div>