Change the copy and empty state illustrations in the Kubernetes section

What does this MR do and why?

This MR is a part of the revisiting the Kubernetes section issue that contains the following steps:

1. Move clusters_empty_state component to Vue --> !73064 (merged)
2. Change the navigation for the new cluster page --> !73163 (merged)
3. Change the copy and empty state illustrations in the existing components <-- \textcolor{#FC6D26}{\textsf{You are here}}
4. Add an empty state variant for the Install new Agent modal --> !73636 (merged)
5. Change the navigation on the clusters page to Vue and actions button on the top of the page (introducing the clusters_main_view and clusters_actions components --> !73637 (merged)
6. Add the 'All' tab

More information is in the main MR(!71482 (closed))

Screenshots or screen recordings

This is the first step of the gradual UX change.

Certificate based clusters view

Before	After

Cluster Agents view - no agent configuration present

Before	After

Cluster Agents view - agent configuration are present

Before	After

How to set up and validate locally

1. Go to the Infrastructure -> Kubernetes clusters view
2. Verify Certificate based clusters tab
3. Verify Agent managed clusters tab 1.To add agent configuration to the project follow this instruction

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 #340759 (closed)