chore(deps): update dependency eslint-plugin-react to v7.33.0 (#3205)

* chore(deps): update dependency eslint-plugin-react to v7.33.0

* chore: have linter try to autofix and commit linter warnings

* Linter fixes

* chore: tweak how js formatting is run within actions

* fix: type mismatch

* Prettified Code!

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: Owncast <owncast@owncast.online>
Co-authored-by: gabek <gabek@users.noreply.github.com>

web/pages/admin/hardware-info.tsx

@@ -101,7 +101,7 @@ export default function HardwareInfo() {
           <Col>
             <StatisticItem
               title={series[0].name}
-              value={`${Math.round(currentCPUUsage) || 0}`}
+              value={Math.round(currentCPUUsage) || 0}
               prefix={<LaptopOutlined style={{ color: series[0].color }} />}
               color={series[0].color}
               progress
@@ -111,7 +111,7 @@ export default function HardwareInfo() {
           <Col>
             <StatisticItem
               title={series[1].name}
-              value={`${Math.round(currentRamUsage) || 0}`}
+              value={Math.round(currentRamUsage) || 0}
               prefix={<BulbOutlined style={{ color: series[1].color }} />}
               color={series[1].color}
               progress
@@ -121,7 +121,7 @@ export default function HardwareInfo() {
           <Col>
             <StatisticItem
               title={series[2].name}
-              value={`${Math.round(currentDiskUsage) || 0}`}
+              value={Math.round(currentDiskUsage) || 0}
               prefix={<SaveOutlined style={{ color: series[2].color }} />}
               color={series[2].color}
               progress

web/pages/admin/stream-health.tsx

@@ -292,7 +292,7 @@ const StreamHealth = () => {
               <div style={statStyle}>
                 <Statistic
                   title="Viewer Playback Speed"
-                  value={`${currentSpeed}`}
+                  value={currentSpeed.toString()}
                   prefix={<WifiOutlined style={{ marginRight: '5px' }} />}
                   precision={0}
                   suffix="kbps"
@@ -306,7 +306,7 @@ const StreamHealth = () => {
                 <div style={statStyle}>
                   <Statistic
                     title="Viewer Latency"
-                    value={`${latencyStat}`}
+                    value={latencyStat}
                     prefix={<ClockCircleOutlined style={{ marginRight: '5px' }} />}
                     precision={0}
                     suffix="seconds"
@@ -320,7 +320,7 @@ const StreamHealth = () => {
               <div style={statStyle}>
                 <Statistic
                   title="Recent Playback Errors"
-                  value={`${recentErrorCount || 0}`}
+                  value={recentErrorCount || 0}
                   valueStyle={{ color: errorStatColor }}
                   prefix={<WarningOutlined style={{ marginRight: '5px' }} />}
                   suffix=""