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/components/action-buttons/ActionButton/ActionButton.tsx

@@ -25,7 +25,7 @@ export const ActionButton: FC<ActionButtonProps> = ({
       style={{ backgroundColor: color }}
       title={description || title}
     >
-      {icon && <img src={icon} className={`${styles.icon}`} alt={description} />}
+      {icon && <img src={icon} className={styles.icon} alt={description} />}
       {title}
     </Button>
   );

web/components/action-buttons/ActionButtonRow/ActionButtonRow.tsx

@@ -6,5 +6,5 @@ export type ActionButtonRowProps = {
 };
 
 export const ActionButtonRow: FC<ActionButtonRowProps> = ({ children }) => (
-  <div className={`${styles.row}`}>{children}</div>
+  <div className={styles.row}>{children}</div>
 );

web/components/action-buttons/NotifyButton.tsx

@@ -17,7 +17,7 @@ export type NotifyButtonProps = {
 export const NotifyButton: FC<NotifyButtonProps> = ({ onClick, text }) => (
   <Button
     type="primary"
-    className={`${styles.button}`}
+    className={styles.button}
     icon={<BellFilled />}
     onClick={onClick}
     id="notify-button"