UI: add description of rados monitors

Author: weizhouapache

ui/public/locales/en.json

@@ -1363,6 +1363,7 @@
 "label.quota.value": "Quota value",
 "label.quota_enforce": "Enforce Quota",
 "label.rados.monitor": "RADOS monitor",
+"label.rados.monitor.description": "The RADOS monitor(s). If there are multiple monitors, they are separated by comma. For example, \"192.168.0.1,192.168.0.2,192.168.0.3\", \"mon1, mon2, mon3\". IPv6 addresses must include square brackets, for example,  \"[fc00:1234::1],[fc00:1234::2],[fc00:1234::3]\".",
 "label.rados.pool": "RADOS pool",
 "label.rados.secret": "RADOS secret",
 "label.rados.user": "RADOS user",

ui/src/views/infra/AddPrimaryStorage.vue

@@ -284,7 +284,10 @@
           </a-form-item>
         </div>
         <div v-if="form.protocol === 'RBD'">
-          <a-form-item name="radosmonitor" ref="radosmonitor" :label="$t('label.rados.monitor')">
+          <a-form-item name="radosmonitor" ref="radosmonitor">
+            <template #label>
+              <tooltip-label :title="$t('label.rados.monitor')" :tooltip="$t('label.rados.monitor.description')"/>
+            </template>
             <a-input v-model:value="form.radosmonitor" :placeholder="$t('label.rados.monitor')" />
           </a-form-item>
           <a-form-item name="radospool" ref="radospool" :label="$t('label.rados.pool')">