New: Monitor New Seasons column for series list

Closes #7311

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

@@ -148,6 +148,12 @@
   flex: 0 0 145px;
 }
 
+.monitorNewItems {
+  composes: cell;
+
+  flex: 0 0 175px;
+}
+
 .actions {
   composes: cell;
 

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

@@ -14,6 +14,7 @@ interface CssExports {
   'genres': string;
   'latestSeason': string;
   'link': string;
+  'monitorNewItems': string;
   'network': string;
   'nextAiring': string;
   'originalLanguage': string;

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

@@ -55,6 +55,7 @@ function SeriesIndexRow(props: SeriesIndexRowProps) {
   const {
     title,
     monitored,
+    monitorNewItems,
     status,
     path,
     titleSlug,
@@ -450,6 +451,16 @@ function SeriesIndexRow(props: SeriesIndexRowProps) {
           );
         }
 
+        if (name === 'monitorNewItems') {
+          return (
+            <VirtualTableRowCell key={name} className={styles[name]}>
+              {monitorNewItems === 'all'
+                ? translate('SeasonsMonitoredAll')
+                : translate('SeasonsMonitoredNone')}
+            </VirtualTableRowCell>
+          );
+        }
+
         if (name === 'actions') {
           return (
             <VirtualTableRowCell key={name} className={styles[name]}>

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

@@ -109,6 +109,12 @@
   flex: 0 0 145px;
 }
 
+.monitorNewItems {
+  composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
+
+  flex: 0 0 175px;
+}
+
 .actions {
   composes: headerCell from '~Components/Table/VirtualTableHeaderCell.css';
 

frontend/src/Series/Index/Table/SeriesIndexTableHeader.css.d.ts

@@ -10,6 +10,7 @@ interface CssExports {
   'episodeProgress': string;
   'genres': string;
   'latestSeason': string;
+  'monitorNewItems': string;
   'network': string;
   'nextAiring': string;
   'originalLanguage': string;