refactor: update template box from input box to textarea

Author: devvaannsh

src/extensionsIntegrated/CustomSnippets/htmlContent/snippets-panel.html

@@ -67,7 +67,7 @@
 
         <div id="template-text-box-wrapper">
             <label for="template-text-box">Template Text: </label>
-            <input id="template-text-box" type="text" placeholder="console.log()" autocomplete="off" />
+            <textarea id="template-text-box" placeholder="console.log();" autocomplete="off"></textarea>
         </div>
 
         <div id="file-extn-box-wrapper">

src/styles/Extn-CustomSnippets.less

@@ -108,3 +108,16 @@
     from { opacity: 0; }
     to { opacity: 1; }
 }
+
+#template-text-box {
+    width: 100%;
+    min-height: 150px;
+    max-height: 150px;
+    resize: none;
+    padding: 6px 8px;
+    box-sizing: border-box;
+    margin: 0;
+    white-space: pre;
+    overflow-wrap: normal;
+    word-break: normal;
+}