Closing sidebar on chat click, chat mobile overflow fix

src/components/layout.js

@@ -60,7 +60,7 @@ function Donate() {
   )
 }
 
-function UserStatus({ userId, unreads }) {
+function UserStatus({ userId, unreads, onClick }) {
   const unreadCount = unreads ? unreads.length : 0
   return (
     <div className={styles.userStatus}>
@@ -69,6 +69,7 @@ function UserStatus({ userId, unreads }) {
       </div>
       <Link href="/chat">
         <a
+          onClick={onClick}
           title={`Chat${unreadCount ? ' (' + unreadCount + ' új üzenet)' : ''}`}
           className={styles.unreadNotification}
         >
@@ -190,7 +191,7 @@ export default function Layout({ children, router, globalData }) {
           })}
         </div>
         <div className={'seperator'} />
-        <UserStatus unreads={unreads} userId={userId} />
+        <UserStatus onClick={closeSideBar} unreads={unreads} userId={userId} />
       </div>
       <div className={styles.sidebar}>
         {sidebarOpen ? (