refactor(gui-v2): property name change

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui-v2/components/virtual-cell/BelongsTo.vue

@@ -315,7 +315,7 @@ export default {
     <!--    <template v-if="!isForm"> -->
     <div class="chips d-flex align-center img-container flex-grow-1 hm-items">
       <template v-if="value || localState">
-        <ItemChip :active="active" :item="value" :model-value="value[primaryValueProp]" />
+        <ItemChip :active="active" :item="value" :value="value[primaryValueProp]" />
         <!--                      :readonly="isLocked || (isPublic && !isForm)"
                     @edit="editParent"
                     @unlink="unlink" -->

packages/nc-gui-v2/components/virtual-cell/HasMany.vue

@@ -376,7 +376,7 @@ export default {
     <!--    <template v-if="!isForm"> -->
     <div class="chips d-flex align-center img-container flex-grow-1 hm-items flex-nowrap">
       <template v-if="value || localState">
-        <ItemChip v-for="(ch, i) in value || localState" :key="i" :model-value="ch[primaryValueProp]" />
+        <ItemChip v-for="(ch, i) in value || localState" :key="i" :value="ch[primaryValueProp]" />
 
         <!--
                     :active="active"     :item="ch"

packages/nc-gui-v2/components/virtual-cell/ManyToMany.vue

@@ -399,7 +399,7 @@ export default {
     <!--    <template v-if="!isForm"> -->
     <div class="chips d-flex align-center img-container flex-grow-1 hm-items flex-nowrap">
       <template v-if="value || localState">
-        <ItemChip v-for="(v, j) in value || localState" :key="j" :item="v" :model-value="v[primaryValueProp]" />
+        <ItemChip v-for="(v, j) in value || localState" :key="j" :item="v" :value="v[primaryValueProp]" />
 
         <!--                           :active="active"
        :readonly="isLocked || isPublic"

packages/nc-gui-v2/components/virtual-cell/components/ItemChip.vue

@@ -2,13 +2,13 @@
 import MdiCloseThickIcon from '~icons/mdi/close-thick'
 
 interface Props {
-  modelValue: string | number | boolean
+  value: string | number | boolean
   active: boolean
   item: any
   readonly: boolean
 }
 
-const { modelValue, active, item, readonly } = defineProps<Props>()
+const { value, active, item, readonly } = defineProps<Props>()
 </script>
 
 <template>
@@ -16,7 +16,7 @@ const { modelValue, active, item, readonly } = defineProps<Props>()
     <!--
     :color="isDark ? '' : 'primary lighten-5'"
     @click="!readonly && active && $emit('edit', item)" -->
-    <span class="name" :title="modelValue">{{ modelValue }}</span>
+    <span class="name" :title="value">{{ value }}</span>
 
     <!--    && _isUIAllowed('xcDatatableEditable') -->
     <div v-show="active" v-if="!readonly" class="mr-n1 ml-2">