fix style names

src/components/Common/ModalLayout/modalLayout.scss

@@ -21,7 +21,7 @@
     align-items: center;
     justify-content: center;
 
-    .selectPerson {
+    .select-person {
       align-items: start;
 
       &__info {
@@ -45,7 +45,7 @@
         font-weight: 300;
       }
 
-      .addPersonBlock {
+      .add-person-block {
         display: flex;
         flex-direction: column;
         justify-content: space-between;
@@ -55,7 +55,7 @@
         }
       }
 
-      .invitePersonBlock {
+      .invite-person-block {
         display: flex;
         flex-direction: column;
         row-gap: 20px;
@@ -89,14 +89,14 @@
           margin: 5px 0;
         }
 
-        .invitePersonBlock {
+        .invite-person-block {
           row-gap: 5px;
           &__btn {
             margin: 5px auto;
           }
         }
 
-        .addPersonBtn {
+        .add-person-btn {
           margin: 10px auto 0;
         }
       }
@@ -114,7 +114,7 @@
     }
   }
 
-  .createTiketProject {
+  .create-ticket-project {
     padding: 0;
     background: white;
   }
@@ -128,11 +128,11 @@
   transform: scale(1);
 }
 
-.createProject,
-.createColumn,
-.editProject,
-.addWorker,
-.editColumn {
+.create-project,
+.create-column,
+.edit-project,
+.add-worker,
+.edit-column {
   background: linear-gradient(180deg, #fff 0%, #ebebeb 37.29%);
   .title-project {
     margin-top: 20px;