Fix for #6614- use background_color, improve anti-aliasing

[clydebarrow]

What does this implement/fix?

For anti-aliased fonts, there is a background colour available in the menu code, so use it instead of inverting the foreground colour - should have been in #6614.

Also always draw a background for a menu item.

Improve rendering of anti-aliased fonts.

The net effect is to change this:

to this:

Types of changes

• Bugfix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [] Other

Related issue or feature (if applicable): fixes

Pull request in esphome-docs with documentation (if applicable): esphome/esphome-docs#

Test Environment

• ESP32
• ESP32 IDF
• ESP8266
• RP2040
• BK72xx
• RTL87xx
• Host

Example entry for config.yaml:

# Example config.yaml
color:
  - id: light_red
    hex: FF3340
  - id: light_blue
    hex: 3340FF

graphical_display_menu:
  id: my_graphical_display_menu
  background_color: light_blue
  foreground_color: light_red
  display: vnc_display
  on_redraw:
    then:
      component.update: vnc_display
  active: false
  font: roboto
  mode: rotary
  items:
    - type: Label
      text: Menu Item 1
    - type: Label
      text: Menu Item 2

Checklist:

• The code change is tested and works locally.
• Tests have been added to verify that the new code works (under tests/ folder).

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

• Documentation added/updated in esphome-docs.

[probot-esphome]

Hey there @MrMDavidson, mind taking a look at this pull request as it has been labeled with an integration (graphical_display_menu) you are listed as a code owner for? Thanks!
_{^{(message by CodeOwnersMention)}}

[probot-esphome]

Hey there @esphome/core, mind taking a look at this pull request as it has been labeled with an integration (font) you are listed as a code owner for? Thanks!
_{^{(message by CodeOwnersMention)}}

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 53.45%. Comparing base (4d8b5ed) to head (afb838d).
Report is 470 commits behind head on dev.

Additional details and impacted files

@@            Coverage Diff             @@
##              dev    #6618      +/-   ##
==========================================
- Coverage   53.70%   53.45%   -0.26%     
==========================================
  Files          50       50              
  Lines        9408     9543     +135     
  Branches     1654     1685      +31     
==========================================
+ Hits         5053     5101      +48     
- Misses       4056     4131      +75     
- Partials      299      311      +12     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.