embed screen style adjustments (#4063)

* restyle and relayout embed screen to account for smaller screen displays.
- address https://github.com/owncast/owncast/issues/3683 to address overflow issues
- address https://github.com/owncast/owncast/issues/4051 to move the name of the stream

* Javascript formatting autofixes

* clean up; restore package lock

* accommodate cases when there's no follow option; put follow form on one line, but wrap if need

* clean up

* separate out follow form into separate standalone component to be used in multiple places

* improve follow error styling; rm defaultProps for Modal to get rid of warning

* improve styling of follow form and components for legibility

* prettyify scss

* prettyify scss again

* one more time

* prettify ant file

* simplify layout, center everything

* just use gap

* tweak and lint

* lint, again

---------

Co-authored-by: Owncast <owncast@owncast.online>

web/styles/ant-overrides.scss

@@ -11,6 +11,10 @@ HEADER
 BUTTONS
 // ------------------------- */
 
+.ant-btn {
+  font-size: 0.85rem;
+}
+
 .ant-btn[disabled] {
   background-color: var(--theme-color-components-secondary-button-background-disabled);
   color: var(--theme-color-components-secondary-button-text-disabled);
@@ -40,8 +44,6 @@ BUTTONS
 }
 
 .ant-btn-primary {
-  height: 2rem;
-  font-size: 0.85rem;
   border-width: 2px;
   border-radius: var(--theme-rounded-corners);
   border-color: var(--theme-color-components-primary-button-border);