Improve the structure and organization of the manage services page

Problem/Motivation

At the moment the services listed on admin/config/user-interface/klaro/services are displayed as a more of less homogenous list. There are a few problems, mainly in regards of readability, to note:

• The status services are in are sort of hard to scan. It is challenging to distinguish between services with an Enabled and a Disabled status.
• The most important information for a service is the actual service name which is currently in the second instead of the first column. That makes the list harder to scan depending on the users objective. If the user is scanning by the spotted pattern for a particular service they then have to scan left and right in that particular row to gather all the available information which is more challenging than scanning in a single direction. Same for simply scanning and getting an overview across the list of available services. the user will probably apply the f-pattern as the gazing pattern of choice. they either first scan the table header from the status column until they reach the service column and then skim down vertically which is a challenging and demanding task for some people. More likely is that the user is skimming down the list row by row, and in each row they have to skim over the status until they reach the actual service.
• The number of available columns is already rather high with eight columns

Steps to reproduce

Proposed resolution

Apply the same pattern used on for example /admin/structure/views separating enabled and disabled services. That way the status column could be removed and the service column becomes the first column.

Remaining tasks

User interface changes

API changes

Data model changes