bug(network-activity-plugin): Ambigious record and stop button

[dprevost-LMI]

Describe the bug

When using the network activity, I see a red button when we are recording network traffic and a square stop button when not recording (which I wonder what it would stop if I'm already stopped). I feel the reverse is more appropriate, as it should indicate the action the button will perform when clicked.

In other words, show a square button when recording, and upon press, we stop and switch to the red round button.
Additionally (or alternatively, if the above is not accepted), tooltips on mouse over could help understand which state or what is going to happen when pressing the button.

When recording, we show this button

When not recording, this button is displayed. With this one, I wonder by clicking on it what I will stop if it is already stopped

System Info

N/A

Rozenite Version

1.0.0

Reproduction

N/A

Steps to reproduce

• Start the playground
• Look at teh Network activity panel
• Click the red round button a square appears
• No network traffic is recording
• Clicking the square representing a stop actually restarts the recording, which is confusing!

[dprevost-LMI]

Below is the fix I suggest, if accepted, a PR will be opened