[UI] Incorrect quota type mappings to usage types

[harikrishna-patnala]

problem

Following list of quota types are wrongly mapped with the ids.

cloudstack/ui/src/utils/quota.js

Lines 108 to 119 in 01c721f

	{
	id: 29,
	type: 'VPC'
	},
	{
	id: 30,
	type: 'NETWORK'
	},
	{
	id: 31,
	type: 'BACKUP_OBJECT'
	}

Actual values are

cloudstack/api/src/main/java/org/apache/cloudstack/usage/UsageTypes.java

Lines 47 to 50 in 01c721f

	public static final int BACKUP = 28;
	public static final int BUCKET = 29;
	public static final int NETWORK = 30;
	public static final int VPC = 31;

From UI when I selected the following types, the result types are different

versions

ACS version: 4.20

The steps to reproduce the bug

1. enable quota service from global settings
2. restart ms
3. under quota section > click "Create Quota Tariff"
4. select usage type VPC -> result usage type is BUCKET
5. select usage type Backup Object -> result usage type is VPC

What to do about it?

Fix the ids in quota.js according to

cloudstack/api/src/main/java/org/apache/cloudstack/usage/UsageTypes.java

Lines 47 to 50 in 01c721f

	public static final int BACKUP = 28;
	public static final int BUCKET = 29;
	public static final int NETWORK = 30;
	public static final int VPC = 31;