New: Release group column on movie details files tab

(cherry picked from commit 30aa5f9070bc9611bb9459d9d96bf293c971f891)

frontend/src/MovieFile/Editor/MovieFileEditorRow.css

@@ -33,3 +33,9 @@
 
   width: 100px;
 }
+
+.releaseGroup {
+  composes: cell from '~Components/Table/Cells/TableRowCell.css';
+
+  width: 120px;
+}

frontend/src/MovieFile/Editor/MovieFileEditorRow.js

@@ -74,6 +74,7 @@ class MovieFileEditorRow extends Component {
       mediaInfo,
       relativePath,
       size,
+      releaseGroup,
       quality,
       qualityCutoffNotMet,
       customFormats,
@@ -155,6 +156,12 @@ class MovieFileEditorRow extends Component {
           }
         </TableRowCell>
 
+        <TableRowCell
+          className={styles.releaseGroup}
+        >
+          {releaseGroup}
+        </TableRowCell>
+
         <TableRowCell
           className={styles.formats}
         >
@@ -216,6 +223,7 @@ MovieFileEditorRow.propTypes = {
   size: PropTypes.number.isRequired,
   relativePath: PropTypes.string.isRequired,
   quality: PropTypes.object.isRequired,
+  releaseGroup: PropTypes.string,
   customFormats: PropTypes.arrayOf(PropTypes.object).isRequired,
   qualityCutoffNotMet: PropTypes.bool.isRequired,
   languages: PropTypes.arrayOf(PropTypes.object).isRequired,

frontend/src/MovieFile/Editor/MovieFileEditorTableContent.js

@@ -39,6 +39,11 @@ const columns = [
     label: translate('Quality'),
     isVisible: true
   },
+  {
+    name: 'releaseGroup',
+    label: translate('ReleaseGroup'),
+    isVisible: true
+  },
   {
     name: 'quality.customFormats',
     label: translate('Formats'),