Refactored CardTitleRow into single component

[ekfuhrmann]

Overview

Merged the CardTitleRow and CardTitleFilterRow into a single component, and updated all uses of it throughout the project.

Card Title Row Component

The Card Title Row is a component you want to use anytime you are creating a title block within the app content area. Card Title Row takes in the following properties:

label string

Passes the label for the title row

icon ComponentType<SvgIconExports> (Optional)

Passes in an icon to be prepended to the label.

filter () => React$Node (Optional)

Passes in a filter on the opposite end of the row. This should be used if needing to apply a date/time picker, edit button, or content filter.

---

Examples

<CardTitleRow icon={Alarm} label={`Alerts (${alerts.length})`} />

 ...

  function Filter() {
    return (
      <Grid container justify="flex-end" alignItems="center" spacing={1}>
        <Grid item>
          <Text variant="body3" className={classes.dateTimeText}>
            Filter By Time
          </Text>
        </Grid>
        <Grid item>
          <TimeRangeSelector
            variant="outlined"
            className={classes.formControl}
            value={timeRange}
            onChange={setTimeRange}
          />
        </Grid>
      </Grid>
    );
  }

  return (
    <>
      <CardTitleRow
        icon={DataUsageIcon}
        label="Gateway Check-Ins"
        filter={Filter}
      />
      ...
    </>
  );

[karthiksubraveti]

@ekfuhrmann can you fix the conflicts and post again. Thanks