Add ability to copy certain style attributes to the outer note boxes

- Attributes are pulled from the first element with class "note-box-attributes"
- Transform is note box only to prevent applying the same transform twice
-- Only rotations are allowed to prevent excessive scaling of note boxes
-- Note box positions are adjusted after drag/nudge/resize to prevent out-of-bounds
-- The note body is placed on the lowest box corner that is farthest left
- Background color is inner box only since the note box is already transparent
-- Backgrounds with any transparency aren't allowed as they would interfere with the text below
- Border radius is both since they both have borders
- Add full namespaces to all event removes to prevent bad removes

app/javascript/src/styles/specific/notes.scss

@@ -91,6 +91,13 @@ div#note-container {
       border: var(--unsaved-note-box-inner-border);
     }
 
+    &.movable {
+      div.note-box-inner-border,
+      div.note-box-inner-border.unsaved {
+        border: var(--movable-note-box-inner-border);
+      }
+    }
+
     &.embedded {
       color: var(--note-body-text-color);
       border: 1px solid transparent;
@@ -120,7 +127,8 @@ div#note-container {
 
       &.movable {
         div.note-box-inner-border,
-        div.note-box-inner-border.unsaved {
+        div.note-box-inner-border.unsaved,
+        div.note-box-inner-border.out-of-bounds {
           border: var(--movable-note-box-inner-border);
         }
       }
@@ -136,7 +144,8 @@ div#note-container {
         border: 1px solid transparent;
       }
 
-      div.note-box-inner-border.unsaved {
+      div.note-box-inner-border.unsaved,
+      div.note-box-inner-border.out-of-bounds {
         border: var(--unsaved-note-box-inner-border);
       }
     }