Add border to status indicators in the LCARS theme

[Iksas]

By submitting this pull request, I confirm the following:

• I have read and understood the contributors guide, as well as this entire template.
• I have made only one major change in my proposed changes.
• I have commented my proposed changes within the code.
• I have tested my proposed changes.
• I am willing to help maintain this change if there are issues with it later.
• I give this submission freely and claim no ownership.
• It is compatible with the EUPL 1.2 license
• I have squashed any insignificant commits. (git rebase)
• I have Signed Off all commits. (git commit --signoff)

---

What does this PR aim to accomplish?:

The green status indicators in the LCARS theme are hard to see on the light background. This PR aims to fix that.
Here's a before and after on a high DPI display:

And on a low DPI display:

Successfully tested in Firefox, Safari and mobile Safari.

How does this PR accomplish the above?:

A small border is added in the CSS.

What documentation changes (if any) are needed to support this PR?:

none

[rdwebdesign]

I'm already working on a few fixes for the theme.

I think this is fine, but I'd like to try a softer/thinner edge.
Could you try with the color: rgba(0, 0, 0, 0.5)?

Also, since you are add a border, please remove the .user-panel .info span svg (just above your new code).

[Iksas]

I have implemented your suggestions and updated the screenshots.

[rdwebdesign]

I think it's better.

[pralor-bot]

This pull request has been mentioned on Pi-hole Userspace. There might be relevant details there:

https://discourse.pi-hole.net/t/pi-hole-ftl-v5-13-web-v5-10-and-core-v5-8-released/52254/1