Change to display if public IPs are reserved in the tab

Author: toni.zamparetti

ui/src/views/infra/network/IpRangesTabPublic.vue

@@ -47,6 +47,9 @@
         <template v-if="column.key === 'endip'">
           {{ record.endip || record.endipv6 }}
         </template>
+        <template v-if="column.key === 'systemvms'">
+          {{ record.systemvms || record.forsystemvms }}
+        </template>
         <template v-if="column.key === 'account' && !basicGuestNetwork">
           <a-button @click="() => handleOpenAccountModal(record)">{{ record.domain === undefined ? `${$t('label.system.ip.pool')}` : `[ ${record.domain}] ${record.account === undefined ? '' : record.account}` }}</a-button>
         </template>
@@ -128,10 +131,6 @@
           <div class="list__label">{{ $t('label.domain') }}</div>
           <div>{{ selectedItem.domain }}</div>
         </div>
-        <div style="margin-bottom: 10px;">
-          <div class="list__label">{{ $t('label.system.vms') }}</div>
-          <div>{{ selectedItem.forsystemvms }}</div>
-        </div>
       </div>
 
       <div :span="24" class="action-button">
@@ -449,6 +448,10 @@ export default {
           key: 'endip',
           title: this.$t('label.endip')
         },
+        {
+          key: 'systemvms',
+          title: this.$t('label.reserved.system.ip')
+        },
         {
           key: 'actions',
           title: this.$t('label.actions')