Add a recommendation in the admin to add a second, lower quality if only one is set (#356)

* ✨ add recommendation box if only one, high-quality video variant is set (#1491)

Related to: https://github.com/owncast/owncast/issues/1491

* Prettified Code!

* Tweak the alert text slightly

Co-authored-by: jeyemwey <jeyemwey@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>

web/utils/config-constants.tsx

@@ -290,6 +290,13 @@ export const ENCODER_PRESET_TOOLTIPS = {
   5: 'Highest hardware usage - higher quality video',
 };
 
+export const ENCODER_RECOMMENDATION_THRESHOLD = {
+  VIDEO_HEIGHT: 1080,
+  VIDEO_BITRATE: 3000,
+  HELP_TEXT:
+    'You have only set one video quality variant. If your server has the computing resources, consider adding another, lower-quality variant, so more people can view your content!',
+};
+
 export const DEFAULT_SOCIAL_HANDLE: SocialHandle = {
   url: '',
   platform: '',