feat: better infoscreen when stream is unavailable

src/pages/Home.jsx

@@ -274,10 +274,12 @@ const Home = () => {
               </div>
             )}
             {!streamUrl && (
-              <p>
-                Server neposlal informaci o aktuálním streamu. Vyčkejte na
-                aktualizaci.
-              </p>
+              <div className="px-4 py-16 lg:py-48 flex items-center justify-center bg-grey-400 text-center">
+                <span className="text-lg lg:text-xl text-grey-200">
+                  <i className="ico--warning mr-2" /> Stream teď není k
+                  dispozici. Vyčkej na aktualizaci.
+                </span>
+              </div>
             )}
             <GlobalStats />
           </div>
@@ -330,7 +332,14 @@ const Home = () => {
           )}
           {programEntry.discussionOpened &&
             isAuthenticated &&
-            !user.isBanned && <AddPostForm className="mb-8" canAddProposal={user.role === "member" || user.role === "chairman"} />}
+            !user.isBanned && (
+              <AddPostForm
+                className="mb-8"
+                canAddProposal={
+                  user.role === "member" || user.role === "chairman"
+                }
+              />
+            )}
 
           <PostsContainer
             className="container-padding--zero lg:container-padding--auto"