refactor: remove absolute classes

packages/hoppscotch-app/components/collections/my/Collection.vue

@@ -96,7 +96,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/my/Folder.vue

@@ -78,7 +78,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 () => {

packages/hoppscotch-app/components/collections/my/Request.vue

@@ -36,7 +36,9 @@
             active.folderPath === folderPath &&
             active.requestIndex === requestIndex
           "
+          v-tippy="{ theme: 'tooltip' }"
           class="rounded-full bg-green-500 flex-shrink-0 h-1.5 mx-3 w-1.5"
+          :title="`${$t('collection.request_in_use')}`"
         ></span>
       </span>
       <div class="flex">
@@ -95,7 +97,6 @@
             />
             <SmartItem
               svg="trash-2"
-              color="red"
               :label="$t('action.delete')"
               @click.native="
                 confirmRemove = true