feat: add ability to copy environments (#1848)

Co-authored-by: StephaneBischoffSSENSE <stephane.bischoff@ssense.com>

packages/hoppscotch-app/components/environments/Environment.vue

@@ -41,6 +41,17 @@
             }
           "
         />
+        <SmartItem
+          v-if="!(environmentIndex === 'Global')"
+          svg="copy"
+          :label="`${$t('action.duplicate')}`"
+          @click.native="
+            () => {
+              duplicateEnvironment()
+              $refs.options.tippy().hide()
+            }
+          "
+        />
         <SmartItem
           v-if="!(environmentIndex === 'Global')"
           svg="trash-2"
@@ -66,7 +77,10 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "@nuxtjs/composition-api"
-import { deleteEnvironment } from "~/newstore/environments"
+import {
+  deleteEnvironment,
+  duplicateEnvironment,
+} from "~/newstore/environments"
 
 export default defineComponent({
   props: {
@@ -89,6 +103,10 @@ export default defineComponent({
         icon: "delete",
       })
     },
+    duplicateEnvironment() {
+      if (this.environmentIndex !== "Global")
+        duplicateEnvironment(this.environmentIndex)
+    },
   },
 })
 </script>