добавлены иконки, прописана сетка тулбара, добавлено отображение уведомлений на иконках юзеров

src/components/mainScreen/toolbar/toolbar.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { ButtonContainer } from "./buttonContainer";
 import './toolbar.css';
 import { ToolbarButton } from "./toolbarButton";
+import { BorderLine } from "./toolbarButtonContainerBorderLine";
 
 type TProps = {
     onClickOpenButton: () => void
@@ -11,7 +12,7 @@ type TProps = {
 export const Toolbar:React.FC<TProps> = React.memo((props) => {
     return <div className={`toolbar-container ${props.isOpen ? 'opened' : 'closed'}`}>
         <div className="toolbar-field">
-            <div className="toolbar-field-top-part">
+            <div className="toolbar-field-part">
                 <ToolbarButton 
                     type="fullscreen"
                     onClick={() => null}
@@ -19,26 +20,27 @@ export const Toolbar:React.FC<TProps> = React.memo((props) => {
                 <ButtonContainer 
                     buttons={[
                         {
-                            type: "user",
+                            type: "admin",
+                            onClick: () => console.log('click'),
+                        },
+                        {
+                            type: "self",
                             onClick: () => console.log('click')
                         },
                         {
-                            type: "user",
+                            type: "guest",
                             onClick: () => console.log('click')
                         },
                         {
-                            type: "user",
-                            onClick: () => console.log('click')
-                        },
-                        {
-                            type: "user",
-                            onClick: () => console.log('click')
+                            type: "guest",
+                            onClick: () => console.log('click'),
+                            isNotification: true
                         }
                     ]}
                 />
             </div>
-            <div className="toolbar-field-bottom-part">
-            <ButtonContainer 
+            <div className="toolbar-field-part">
+                <ButtonContainer 
                     buttons={[
                         {
                             type: "control",
@@ -50,14 +52,11 @@ export const Toolbar:React.FC<TProps> = React.memo((props) => {
                         }                        
                     ]}
                 />
-                <ButtonContainer 
-                    buttons={[
-                        {
-                            type: "share",
-                            onClick: () => console.log('click')
-                        }
-                    ]}
+                <ToolbarButton 
+                    type="share"
+                    onClick={() => console.log('click')}
                 />
+                <BorderLine />                
                 <ToolbarButton 
                     type="exit"
                     onClick={() => null}