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

Überprüfe das zugehörige Issue #8841 und untersuche die bestehende ACL Rules UI, um ihr aktuelles Layout und Verhalten zu verstehen. Als erledigt gilt die Aufgabe, wenn ACL rules in einer konsistenten, Excel-ähnlichen Tabelle dargestellt werden, die sich bei Projekten großen Umfangs leichter überblicken und verwalten lässt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.