UI/UX improvements (1)

[juankaromo]

Hi team,

This PR solves part of #1264

• Reduce column size for last four columns in the policies list from sca, title and description should be enough big to be human readable

• Improve expandable box for check details under a specific policy.

• Add dynamic columns feature for checks table under a specific policy.

• Do not close the editor regardless the API calls result

• Do not remove/hide the rule name input box even if the user has entered the name.

• Once the user clicks on "Save" we want to replace the save icon with a loading spinner inside the button until the request ends.

• The multiline red errors we are showing under "Edit ..." must be relocated to a new card box in the top of the current box. Its style must be the same (white background, small border). This new box is located under the buttons and in the top of the "Edit ..." box.

• Do not use a toaster for "Restart now or I'll do it later", we want to show it next to the action buttons (in-line).

• Replace "Only custom" with "Custom rules" / "Custom decoders"

• Replace "Group group-name will be added to agent agent-id" with "Agent agent-name will be added to group group-name"

• Add delay after the validation and before the restarting action itself, the restart must be triggered after 15s (setTimeout(() => restart(),15000) ??)

• Replace "It may take a few seconds..." with "It will take up to 15 seconds"

• ID column is too much large, reduce it, please. We can even detect if it's an agents table and hardcode its width.

Regards.