[Feature] EffectsDisplay (#1340)

* Merged with main

* Added the display

* .

* Removed unused override function

* Fixed layout for generic effects

* feat: add basic style to effects tooltip

* Corrected distancing

* Use CSS based solution for shifting the countdowns

* Centered tooltip header

---------

Co-authored-by: moliloo <dev.murilobrito@gmail.com>
Co-authored-by: Carlos Fernandez <cfern1990@gmail.com>

styles/less/ui/effects-display/sheet.less

@@ -0,0 +1,40 @@
+.daggerheart.dh-style.effects-display {
+    position: absolute;
+    right: 0;
+    width: 46px;
+    max-height: 600px;
+    overflow: hidden;
+    border: 0;
+
+    .window-content {
+        > div {
+            height: 100%;
+        }
+    }
+
+    .effects-display-container {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        .effect-container {
+            position: relative;
+            pointer-events: all;
+            border: 1px solid light-dark(@dark-blue, @golden);
+            border-radius: 3px;
+
+            img {
+                border-radius: 3px;
+            }
+
+            .effect-locked {
+                position: absolute;
+                bottom: 4px;
+                right: 4px;
+                font-size: 16px;
+                color: @golden;
+                filter: drop-shadow(0 0 3px black);
+            }
+        }
+    }
+}