Enhance inputCloned text input with type and name (#908)

* Enhance inputCloned text input with type and name

Safari will display a contact autocomplete on every text input which `name` attribute contains "*name*" or does not have any `name` attribute.
Adding a fine tuned `name`attribute to the input should prevent that.

Plus, input type="search" seems more suited to the field intent (https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/search).

* Adapt inputCloned related test

src/scripts/templates.test.ts

@@ -494,7 +494,8 @@ describe('templates', () => {
       */
       const expectedOutput = strToEl(`
         <input
-          type="text"
+          type="search"
+          name="search_terms"
           class="${classes.input} ${classes.inputCloned}"
           autocomplete="off"
           role="textbox"

src/scripts/templates.ts

@@ -267,7 +267,8 @@ const templates = {
     placeholderValue: string,
   ): HTMLInputElement {
     const inp = Object.assign(document.createElement('input'), {
-      type: 'text',
+      type: 'search',
+      name: 'search_terms',
       className: `${input} ${inputCloned}`,
       autocomplete: 'off',
       autocapitalize: 'off',