New: Add runtime format option in Settings > UI so users can choose between a mins view and h/m view

frontend/src/Movie/Index/Table/MovieIndexTable.js

@@ -49,7 +49,8 @@ class MovieIndexTable extends Component {
       columns,
       selectedState,
       onSelectedChange,
-      isMovieEditorActive
+      isMovieEditorActive,
+      movieRuntimeFormat
     } = this.props;
 
     const movie = items[rowIndex];
@@ -68,6 +69,7 @@ class MovieIndexTable extends Component {
           isSelected={selectedState[movie.id]}
           onSelectedChange={onSelectedChange}
           isMovieEditorActive={isMovieEditorActive}
+          movieRuntimeFormat={movieRuntimeFormat}
         />
       </VirtualTableRow>
     );
@@ -135,7 +137,8 @@ MovieIndexTable.propTypes = {
   selectedState: PropTypes.object.isRequired,
   onSelectedChange: PropTypes.func.isRequired,
   onSelectAllChange: PropTypes.func.isRequired,
-  isMovieEditorActive: PropTypes.bool.isRequired
+  isMovieEditorActive: PropTypes.bool.isRequired,
+  movieRuntimeFormat: PropTypes.string.isRequired
 };
 
 export default MovieIndexTable;