[Feature] Manual Character Editing (#490)

* Initial

* Added Character-Settings

* Finalized Character-Settings

* Hide CharacterSetup if any part is done manually

* Fixed class/subclass drag-drop

* Fixed relinking of Features from items created on Character

* Adding features on CharacterItems now adds them on the Character and relinks

* Made suggested items inactive in the Class sheet if rendered from inside a Character

* Added hope to CharacterSetting

* add style to textarea element, add spellcasting and domain class into char sheet and move rest buttons to another place

* Fixed characterCreation experience description

---------

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

styles/less/global/elements.less

@@ -5,22 +5,26 @@
     border: 1px solid light-dark(@dark-blue, @golden);
 
     input[type='text'],
-    input[type='number'] {
+    input[type='number'],
+    textarea {
         background: light-dark(transparent, transparent);
         border-radius: 6px;
         box-shadow: 0 4px 30px @soft-shadow;
         backdrop-filter: blur(9.5px);
         -webkit-backdrop-filter: blur(9.5px);
-        outline: none;
+        outline: 2px solid transparent;
         color: light-dark(@dark-blue, @golden);
         border: 1px solid light-dark(@dark, @beige);
+        transition: all 0.3s ease;
 
         &::placeholder {
             color: light-dark(@dark-40, @beige-50);
         }
 
+        &:hover,
         &:hover[type='text'],
         &:hover[type='number'],
+        &:focus,
         &:focus[type='text'],
         &:focus[type='number'] {
             background: light-dark(@soft-shadow, @semi-transparent-dark-blue);
@@ -70,6 +74,13 @@
         }
     }
 
+    textarea {
+        color: light-dark(@dark, @beige);
+        font-family: @font-body;
+        scrollbar-width: thin;
+        scrollbar-color: light-dark(@dark-blue, @golden) transparent;
+    }
+
     button {
         background: light-dark(transparent, @golden);
         border: 1px solid light-dark(@dark-blue, @dark-blue);
@@ -206,6 +217,10 @@
             }
         }
 
+        &.inactive {
+            opacity: 0.5;
+        }
+
         &.fit-height {
             height: 95%;
         }