UX: Define activated integration status types

What does this MR do and why?

As per #296664 (closed), we are improving the UX of integrations' list. We are adding a new status for active, and inactive (configured) integration.

Now we're having the following statues:

• green active when integration.activated? && persisted?
• grey pause when !integration.activated? && persisted?
• without the status for the rest

note we are not yet supporting Failed to connect status.

Screenshots or screen recordings

Before	After

How to set up and validate locally

1. Checkout the branch
2. Visit the integrations page (Settings/Integrations)
3. Activate one integration, and configure another one, but make it inactive
4. Validate the new statuses are visible

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.

Related to #296664 (closed)