New: Sort by series year in series list

Closes #3245

frontend/src/Series/Index/Table/SeriesIndexHeader.css

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

frontend/src/Series/Index/Table/SeriesIndexRow.css

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

frontend/src/Series/Index/Table/SeriesIndexRow.js

@@ -94,6 +94,7 @@ class SeriesIndexRow extends Component {
       added,
       statistics,
       latestSeason,
+      year,
       path,
       genres,
       ratings,
@@ -342,6 +343,17 @@ class SeriesIndexRow extends Component {
               );
             }
 
+            if (name === 'year') {
+              return (
+                <VirtualTableRowCell
+                  key={name}
+                  className={styles[name]}
+                >
+                  {year}
+                </VirtualTableRowCell>
+              );
+            }
+
             if (name === 'path') {
               return (
                 <VirtualTableRowCell
@@ -503,6 +515,7 @@ SeriesIndexRow.propTypes = {
   added: PropTypes.string,
   statistics: PropTypes.object.isRequired,
   latestSeason: PropTypes.object,
+  year: PropTypes.number,
   path: PropTypes.string.isRequired,
   genres: PropTypes.arrayOf(PropTypes.string).isRequired,
   ratings: PropTypes.object.isRequired,

frontend/src/Store/Actions/seriesIndexActions.js

@@ -132,6 +132,12 @@ export const defaultState = {
       isSortable: true,
       isVisible: false
     },
+    {
+      name: 'year',
+      label: 'Year',
+      isSortable: true,
+      isVisible: false
+    },
     {
       name: 'path',
       label: 'Path',