chore: minor fixes and improvements

packages/hoppscotch-app/components/http/Headers.vue

@@ -223,6 +223,19 @@ watch(bulkHeaders, () => {
 
 const headers$ = useReadonlyStream(restHeaders$, [])
 
+watch(
+  headers$,
+  (newValue) => {
+    if (
+      (newValue[newValue.length - 1]?.key !== "" ||
+        newValue[newValue.length - 1]?.value !== "") &&
+      newValue.length
+    )
+      addHeader()
+  },
+  { deep: true }
+)
+
 onBeforeUpdate(() => editBulkHeadersLine(-1, null))
 
 const editBulkHeadersLine = (index: number, item?: HoppRESTParam) => {

packages/hoppscotch-app/components/http/Parameters.vue

@@ -217,6 +217,19 @@ useCodemirror(bulkEditor, bulkParams, {
 
 const params$ = useReadonlyStream(restParams$, [])
 
+watch(
+  params$,
+  (newValue) => {
+    if (
+      (newValue[newValue.length - 1]?.key !== "" ||
+        newValue[newValue.length - 1]?.value !== "") &&
+      newValue.length
+    )
+      addParam()
+  },
+  { deep: true }
+)
+
 onBeforeUpdate(() => editBulkParamsLine(-1, null))
 
 const editBulkParamsLine = (index: number, item?: HoppRESTParam) => {