MT#61710 change inputs behavior

Bin icon misplaced bug fixed by changing the
css class. This commit also improve input
behaviors. With the Vue 3 migration it seems
that $atts doesn't overwrite binded attributes
anymore, so we had two clear buttons on inputs.
To prevent this the following steps have been
taken:
* custom clear button is switched on only when
  the attribute "value" is used.
* native clear button is switched on in all
  other cases
This should avoid adding regressions.

Change-Id: I39f41ce8d461efc5eff5c7e541d227dbfd6c667d

src/components/form/CscInput.vue

@@ -27,7 +27,7 @@
                 name="append"
             />
             <q-btn
-                v-if="$attrs.clearable !== undefined && value !== ''"
+                v-if="$attrs.clearable !== undefined && value !== undefined && value !== ''"
                 icon="backspace"
                 color="white"
                 flat
@@ -55,13 +55,6 @@ export default {
         }
     },
     emits: ['input', 'clear'],
-    date () {
-        return {
-
-        }
-    },
-    mounted () {
-    },
     methods: {
         clear () {
             this.$emit('input', '')

src/components/pages/Conversations/CscConversationsFilter.vue

@@ -6,7 +6,7 @@
             class="q-mr-sm"
             data-cy="filter-from"
             dense
-            clearable
+            :clearable="false"
             :label="$t('From')"
             :disable="loading"
             @input="inputFrom"
@@ -15,7 +15,7 @@
             :value="value.to"
             data-cy="filter-to"
             dense
-            clearable
+            :clearable="false"
             :label="$t('To')"
             :disable="loading"
             @input="inputTo"

src/pages/CscPageHome.vue

@@ -18,7 +18,7 @@
                 data-cy="csc-call-number-input"
                 :value="callNumberInput"
                 :readonly="dialpadOpened"
-                clearable
+                :clearable="false"
                 :disable="!isCallEnabled"
                 @keypress.space.prevent
                 @keydown.space.prevent

src/pages/CscPagePbxDeviceDetails.vue

@@ -410,6 +410,6 @@ export default {
 </script>
 <style>
 .no-wrap {
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
 }
 </style>