Gauge does not render properly.

### Current Behavior

The gauge widget in 3/4 mode:
* does not place the start and stop values at the end of the arc
* does not respect all color settings, last segment of the arc is red instead of the configured color of light green
* does not render the mustache template for the unit display at all, shows the mustache template string literally

Example image:

### Expected Behavior

* render the start and stop values at the end of the round scale
* render all arc segments with the actual configured colors
* render the the displayed unit string from the given mustache template or equivalent simple method for dynamic text

Example image from dashboard 1:

### Steps To Reproduce

Using the provided flow below is a minimal example, how to reproduce the defects:
[Dashboard-2-0-defect-gauge-flows.json](https://github.com/FlowFuse/node-red-dashboard/files/15261062/Dashboard-2-0-defect-gauge-flows.json)

### Environment

- Dashboard version: 1.8.1
- Node-RED version: 3.1.9
- Node.js version: v18.19.1
- npm version: 10.2.4
- Platform/OS: Debian 12.5
- Browser: Firefox 115.7.0esr

### Have you provided an initial effort estimate for this issue?

I can not provide an initial effort estimate