при первой загрузке тулбар теперь открыт

src/components/mainScreen/mainScreen.tsx

@@ -7,7 +7,7 @@ import { SharePopup } from "./sharePopup/sharePopup";
 import { Toolbar } from "./toolbar/toolbar";
 
 export const MainScreen:React.FC = React.memo(() => {
-    const [showToolbar, setShowToolbar] = useState<boolean>(false);
+    const [showToolbar, setShowToolbar] = useState<boolean>(true);
     const [showMobileUsersPart, setShowMobileUsersPart] = useState<boolean>(false);
     const [showMobileOtherPart, setShowMobileOtherPart] = useState<boolean>(false);
     const [showMobileLangSelectorPart, setShowMobileLangSelectorPart] = useState<boolean>(false);

src/components/mainScreen/toolbar/toolbar.css

@@ -6,7 +6,7 @@
     width: 64px;
     padding: 0;
     margin: 0;
-    transform: translateX(-60px);
+    /* transform: translateX(-60px); */
 
     border-right: 1px solid #4F4F4F;
     background: #333333;
@@ -416,7 +416,7 @@
 }
 
 .show-toolbar-enter-active {
-    transform: translateX(0);
+    transform: translateX(0px);
     transition: .3s;
 }
 
@@ -429,6 +429,10 @@
     transition: .3s;
 }
 
+.show-toolbar-exit-done {
+    transform: translateX(-60px);
+}
+
 @media screen and (max-height: 700px) {
     .toolbar-field {
         padding: 20px 14px;