Display ACL Rules in the form of a excel like table

##### ISSUE TYPE

* Improvement Request

##### COMPONENT NAME

~~~
Improvement Request (UI, Functionality)
~~~

##### CLOUDSTACK VERSION

~~~
4.19
~~~

##### CONFIGURATION

N/A

##### OS / ENVIRONMENT

N/A

##### SUMMARY

Note: This ticket is broken down as requested from the origianl post, https://github.com/apache/cloudstack/issues/8841

**Display ACL Rules in the form of a excel like table**

- Currently the UI for ACL Rules is in a 2x4 Column
- It makes it hard to scan and read.
- Also, depending on the input, the columns can be hidden/shown. Which makes it even harder to read as every rule can have a different arrangement.

##### STEPS TO REPRODUCE

N/A

~~~
N/A
~~~

##### EXPECTED RESULTS

~~~
To be able to manage ACL Rules more easily for large scale projects
~~~

##### ACTUAL RESULTS

~~~
Challenging to use ACL rules for large scale projects.
~~~

Xem xét issue liên quan #8841 và kiểm tra ACL Rules UI hiện có để hiểu bố cục và hành vi hiện tại của nó. Công việc được xem là hoàn tất khi các ACL rules được hiển thị trong một bảng nhất quán giống Excel, dễ quét và quản lý hơn đối với các dự án quy mô lớn.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.