refactor: init environment highlighter

packages/hoppscotch-app/helpers/editor/codemirror.ts

@@ -33,7 +33,10 @@ import { isJSONContentType } from "../utils/contenttypes"
 import { Completer } from "./completion"
 import { LinterDefinition } from "./linting/linter"
 import { basicSetup, baseTheme, baseHighlightStyle } from "./themes/baseTheme"
-import { environmentTooltip } from "./extensions/environmentTooltip"
+import {
+  environmentHighlightStyle,
+  environmentTooltip,
+} from "./extensions/environmentTooltip"
 
 type ExtendedEditorConfig = {
   mode: string
@@ -176,6 +179,7 @@ export function useCodemirror(
           baseTheme,
           baseHighlightStyle,
           environmentTooltip,
+          environmentHighlightStyle,
           ViewPlugin.fromClass(
             class {
               update(update: ViewUpdate) {