Misc web updates (#147)

* Try and clarify max viewer count string

* Shrink title font size on small screens to fit username

* Hide stream info on small screens to buy some space

* Hide emoji button on small screens until we can fix it. For #140

* Make jumping to bottom be a part of the render pass to fix race condition. For #140

* Remove About in info view. We can add it back. Just playing with that since it was missing a space anyway

* address some own mr comments

Co-authored-by: Ginger Wong <omqmail@gmail.com>

webroot/js/app.js

@@ -476,11 +476,12 @@ export default class App extends Component {
           >
             <span>${streamStatusMessage}</span>
             <span>${viewerCount} ${pluralize('viewer', viewerCount)}.</span>
-            <span
-              >${sessionMaxViewerCount} Max
-              ${pluralize('viewer', sessionMaxViewerCount)}.</span
-            >
-            <span>${overallMaxViewerCount} overall.</span>
+            <span>
+              Max ${sessionMaxViewerCount} ${" "} ${pluralize('viewer', sessionMaxViewerCount)} this stream.
+            </span>
+            <span>
+              ${overallMaxViewerCount} all time.
+            </span>
           </section>
         </main>
 
@@ -496,7 +497,6 @@ export default class App extends Component {
               class="user-content-header border-b border-gray-500 border-solid"
             >
               <h2 class="font-semibold text-5xl">
-                About
                 <span class="streamer-name text-indigo-600"
                   >${streamerName}</span
                 >