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.
~~~

查看相關 issue #8841，並檢查現有的 ACL Rules UI，以了解其目前的版面配置和行為。當 ACL rules 以一致的類 Excel 表格呈現，讓大型專案更容易瀏覽和管理時，即視為完成。

由索引模型根據 Issue 內容生成。