Correct grid neutrality card tooltip, make consistent with new colors

[wtadler]

Proposed change

• Correct and revise the tooltip per Suggestions for grid neutrality gauge on energy dashboard #9976 and making it consistent with the new colors implemented by Revise grid neutrality energy dashboard card, modify energy dashboard presentation to match #10054

Before

This card represents your energy dependency.

If it's green, it means you produced more energy than that you
consumed from the grid. If it's in the red, it means that you
relied on the grid for part of your home's energy consumption.

After

This card indicates your net energy usage.

If the needle is in the purple, you returned more energy to the
grid than you consumed from it. If it's in the blue, you consumed
more energy from the grid than you returned. 

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Example configuration

Additional information

• This PR fixes or closes issue: fixes Suggestions for grid neutrality gauge on energy dashboard #9976
• This PR is related to issue or discussion:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[bramkragten]

Please don't change translations keys if it isn't strictly needed, it causes all current translations to be lost.