New: Year column on Movie Index view

frontend/src/Movie/Index/Table/MovieIndexHeader.css

@@ -46,6 +46,12 @@
   flex: 0 0 100px;
 }
 
+.year {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 80px;
+}
+
 .path {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Movie/Index/Table/MovieIndexRow.css

@@ -53,6 +53,12 @@
   flex: 0 0 100px;
 }
 
+.year {
+  composes: cell;
+
+  flex: 0 0 80px;
+}
+
 .path {
   composes: cell;
 

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

@@ -69,6 +69,7 @@ class MovieIndexRow extends Component {
       studio,
       qualityProfile,
       added,
+      year,
       inCinemas,
       physicalRelease,
       runtime,
@@ -191,6 +192,17 @@ class MovieIndexRow extends Component {
               );
             }
 
+            if (name === 'year') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {year}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'inCinemas') {
               return (
                 <RelativeDateCellConnector
@@ -386,6 +398,7 @@ MovieIndexRow.propTypes = {
   collection: PropTypes.object,
   qualityProfile: PropTypes.object.isRequired,
   added: PropTypes.string,
+  year: PropTypes.number,
   inCinemas: PropTypes.string,
   physicalRelease: PropTypes.string,
   runtime: PropTypes.number,

frontend/src/Store/Actions/movieIndexActions.js

@@ -101,6 +101,12 @@ export const defaultState = {
       isSortable: true,
       isVisible: false
     },
+    {
+      name: 'year',
+      label: 'Year',
+      isSortable: true,
+      isVisible: false
+    },
     {
       name: 'inCinemas',
       label: 'In Cinemas',