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

Review the related issue #8841 and inspect the existing ACL Rules UI to understand its current layout and behavior. Done means ACL rules are presented in a consistent Excel-like table that is easier to scan and manage for large-scale projects.

Written by the indexing model from the issue text.