refactoring allStyles styleStyle -> style-style

src/components/AllTaskTableTracker/AllTaskTableItem/AllTaskTableItem.jsx

@@ -9,14 +9,14 @@ const AllTaskTableItem = ({ task, projects }) => {
     e.target?.classList.toggle("open-desc-item");
     e.target
       .closest("td")
-      ?.querySelector(".taskList__table__name-project")
+      ?.querySelector(".task-list__table__name-project")
       .classList.toggle("hide-desc");
   }
 
   return (
     <tr key={task.id}>
       <td>
-        <div className="taskList__table__title-task">
+        <div className="task-list__table__title-task">
           <p>{task.title}</p>
 
           <img
@@ -27,7 +27,7 @@ const AllTaskTableItem = ({ task, projects }) => {
             }}
           />
         </div>
-        <div className="taskList__table__name-project hide-desc">
+        <div className="task-list__table__name-project hide-desc">
           <h4>Проект:</h4>
           <p>
             {projects?.map((project) => {

src/components/AllTaskTableTracker/AllTaskTableItem/allTaskTableItem.scss

@@ -3,7 +3,7 @@
   transform: rotate(45deg) !important;
 }
 
-.taskList {
+.task-list {
   &__table {
     margin-top: 20px;
     font-size: 14px;

src/components/AllTaskTableTracker/AllTaskTableTracker.jsx

@@ -34,7 +34,7 @@ const AllTaskTableTracker = ({ filteredAllTasks, projects, loader }) => {
 
   return (
     <>
-      <table className="taskList__table">
+      <table className="task-list__table">
         <thead>
           <tr>
             <th>Задача</th>