Embedded Single Card: line chart modifications (#6498)

Make variable modifications on the scalar card line chart for eventual
single card usage.

Author: bhuang1323

tensorboard/webapp/metrics/views/card_renderer/scalar_card_line_chart_component.ts

@@ -57,7 +57,6 @@ export class ScalarCardLineChartComponent {
   readonly RendererType = RendererType;
   readonly ScaleType = ScaleType;
 
-  @Input() cardId!: string;
   @Input() seriesMetadataMap!: ScalarCardSeriesMetadataMap;
   @Input() seriesData!: ScalarCardDataSeries[];
   @Input() ignoreOutliers!: boolean;

tensorboard/webapp/metrics/views/card_renderer/scalar_card_line_chart_container.ts

@@ -65,7 +65,6 @@ import {ScalarCardLineChartComponent} from './scalar_card_line_chart_component';
   selector: 'scalar-card-line-chart',
   template: `
     <scalar-card-line-chart-component
-      [cardId]="cardId"
       [seriesMetadataMap]="seriesMetadataMap"
       [seriesData]="seriesData"
       [ignoreOutliers]="ignoreOutliers$ | async"
@@ -76,7 +75,7 @@ import {ScalarCardLineChartComponent} from './scalar_card_line_chart_component';
       [useDarkMode]="useDarkMode$ | async"
       [tooltipTemplate]="tooltipTemplate"
       [minMaxStep]="minMaxStep"
-      [stepOrLinkedTimeSelection]="stepOrLinkedTimeSelection$ | async"
+      [stepOrLinkedTimeSelection]="stepOrLinkedTimeSelection"
       [forceSvg]="forceSvg$ | async"
       [userViewBox]="userViewBox$ | async"
       (onTimeSelectionChanged)="onTimeSelectionChanged($event)"
@@ -103,6 +102,7 @@ export class ScalarCardLineChartContainer
   @Input() seriesMetadataMap!: ScalarCardSeriesMetadataMap;
   @Input() seriesData!: ScalarCardDataSeries[];
   @Input() minMaxStep!: MinMaxStep;
+  @Input() stepOrLinkedTimeSelection!: TimeSelection;
 
   @Input() xAxisType?: XAxisType;
   @Input() yScaleType?: ScaleType = ScaleType.LINEAR;
@@ -114,7 +114,6 @@ export class ScalarCardLineChartContainer
   scalarCardLineChart?: ScalarCardLineChartComponent;
 
   loadState$?: Observable<DataLoadState>;
-  stepOrLinkedTimeSelection$?: Observable<TimeSelection | undefined>;
   userViewBox$?: Observable<Extent | null>;
   rangeEnabled$?: Observable<boolean>;
 
@@ -156,11 +155,6 @@ export class ScalarCardLineChartContainer
 
     this.loadState$ = this.store.select(getCardLoadState, this.cardId);
 
-    this.stepOrLinkedTimeSelection$ = this.store.select(
-      getMetricsCardTimeSelection,
-      this.cardId
-    );
-
     this.rangeEnabled$ = this.store.select(
       getMetricsCardRangeSelectionEnabled,
       this.cardId