fix(ui): move the width definition for PerformanceOverlay's layer bars into the class (#2964)

## Description:

move the width definition for PerformanceOverlay's layer bars into the
class

## Please complete the following:

- [X] I have added screenshots for all UI updates
- [X] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [X] I have added relevant tests to the test directory
- [X] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

wraith4081

Co-authored-by: Ryan <7389646+ryanbarlow97@users.noreply.github.com>

src/client/graphics/layers/PerformanceOverlay.ts

@@ -209,6 +209,7 @@ export class PerformanceOverlay extends LitElement implements Layer {
 
     .layer-bar-fill {
       height: 100%;
+      width: var(--width);
       background: #38bdf8;
       border-radius: 3px;
     }
@@ -611,7 +612,7 @@ export class PerformanceOverlay extends LitElement implements Layer {
                   </span>
                   <div class="layer-bar">
                     <div
-                      class="layer-bar-fill w-(--width)"
+                      class="layer-bar-fill"
                       style="--width: ${width}%;"
                     ></div>
                   </div>