refactor: replace template with Click to edit template and so on

Author: devvaannsh

src/extensionsIntegrated/CustomSnippets/snippetsList.js

@@ -45,12 +45,16 @@ define(function (require, exports, module) {
         const $snippetAbbr = $("<div>")
             .text(snippetItem.abbreviation)
             .attr("id", "snippet-abbr")
-            .attr("title", `Abbreviation: ${snippetItem.abbreviation}`);
+            .attr("title", `Click to edit abbreviation - ${snippetItem.abbreviation}`);
 
         const $snippetTemplate = $("<div>")
             .text(snippetItem.templateText)
             .attr("id", "snippet-template")
-            .attr("title", `Template: ${snippetItem.templateText}`);
+            .attr(
+                "title",
+                `Click to edit template text -
+${snippetItem.templateText}`
+            );
 
         const $snippetDescription = $("<div>")
             .text(
@@ -62,14 +66,14 @@ define(function (require, exports, module) {
             .attr(
                 "title",
                 snippetItem.description && snippetItem.description.trim() !== ""
-                    ? `Description: ${snippetItem.description}`
-                    : "No description provided"
+                    ? `Click to edit description - ${snippetItem.description}`
+                    : "Click to add description"
             );
 
         const $snippetFiles = $("<div>")
             .text(snippetItem.fileExtension || "all")
             .attr("id", "snippet-files")
-            .attr("title", `File extensions: ${snippetItem.fileExtension}`);
+            .attr("title", `Click to edit file extensions - ${snippetItem.fileExtension || "all"}`);
 
         const $deleteSnippet = $("<div>")
             .html(`<i class="fas fa-trash"></i>`)