[PR] [Party Sheets] Sidebar character sheet changes (#1249)

* Something experimenting

* I am silly (wearning Dunce hat)

* Stressful task

* Armor functional to be hit

* CSS Changes to accomadate pip boy

* last minute change to resource section for better visual feeling

* restoring old css for toggle

* Added setting to toggle pip/number display

* toggle functionality added

* Fixed light-mode in characterSheet

* Fixed multi-row resource pips display for character

* Fixed separators

* Added pip-display to Adversary and Companion. Some fixing on armor display

---------

Co-authored-by: WBHarry <williambjrklund@gmail.com>

templates/sheets/global/partials/resource-bar.hbs

@@ -0,0 +1,35 @@
+<div class="status-bar">
+    {{#if useResourcePips}}
+        <div class='slot-value'>
+            <div class="slot-bar">
+                {{#times resource.max}}
+                    <span class='slot {{#if (gte ../resource.value (add this 1))}}filled{{/if}} {{#if ../largePips}}large{{/if}}' data-action="{{../action}}" data-value="{{add this 1}}">
+                    </span>
+                {{/times}}
+            
+                {{#times resource.emptyPips}}
+                    <span class="empty-slot"></span>
+                {{/times}}
+            </div>
+            <div class="slot-label">
+                <span class="label">{{localize label}}</span>
+                <span class="value">{{resource.value}} / {{resource.max}}</span>
+            </div> 
+        </div>
+    {{else}}
+        <div class='status-value'>
+            <input class="bar-input" name="{{key}}" min="0" max='{{resource.max}}'
+                    value="{{resource.value}}" type="number">
+            <span>/</span>
+            <span class="bar-label">{{resource.max}}</span>
+        </div>
+        <progress
+            class='progress-bar'
+            max='{{resource.max}}'
+            value='{{resource.value}}'
+        ></progress>
+        <div class="status-label">
+            <h4>{{localize label}}</h4>
+        </div>
+    {{/if}}
+</div>