ui: Fixed the Description coloumn in the UI for Quota traffic page (#7402)

* added correct description response for  quotariff api call

* added correct label for Usage description

Author: kiranchavala

ui/public/locales/en.json

@@ -2030,6 +2030,7 @@
 "label.usagename": "Usage type",
 "label.usageunit": "Unit",
 "label.usageislocal": "A Usage Server is installed locally",
+"label.usagetypedescription": "Usage description",
 "label.use.kubectl.access.cluster": "<code><b>kubectl</b></code> and <code><b>kubeconfig</b></code> file to access cluster",
 "label.use.local.timezone": "Use local timezone",
 "label.used": "Used",

ui/src/config/section/plugin/quota.js

@@ -78,8 +78,8 @@ export default {
       icon: 'credit-card-outlined',
       docHelp: 'plugins/quota.html#quota-tariff',
       permission: ['quotaTariffList'],
-      columns: ['usageName', 'description', 'usageUnit', 'tariffValue', 'tariffActions'],
-      details: ['usageName', 'description', 'usageUnit', 'tariffValue'],
+      columns: ['usageName', 'usageTypeDescription', 'usageUnit', 'tariffValue', 'tariffActions'],
+      details: ['usageName', 'usageTypeDescription', 'usageUnit', 'tariffValue'],
       component: shallowRef(() => import('@/views/plugins/quota/QuotaTariff.vue'))
     },
     {