ux: right align form dialog buttons

Adjust the button placement in the metadata editor and various dialogs
for a more visually-appealing experience and improved usability. This
revision right aligns the buttons in a flex container, rather than
stacking or centering them.

Author: brandon1024

src/components/formdialog.scss

@@ -61,13 +61,13 @@
     left: 0;
     right: 0;
     display: flex;
+    justify-content: flex-end;
     position: absolute;
     padding: 1em 1em;
 
     /* Without this emby-checkbox is able to appear on top */
     z-index: 1;
     align-items: flex-end;
-    justify-content: center;
     flex-wrap: wrap;
 }
 

src/components/metadataEditor/metadataEditor.template.html

@@ -266,7 +266,7 @@ <h2>${HeaderMetadataSettings}</h2>
                 </div>
             </div>
             <br />
-            <div class="formDialogFooter">
+            <div class="formDialogFooter" style="display: flex; justify-content: flex-end;">
                 <button is="emby-button" type="button" class="raised button-cancel block btnCancel formDialogFooterItem">
                     <span>${ButtonCancel}</span>
                 </button>