refactoring allStyles styleStyle -> style-style

src/components/FileTracker/FileTracker.jsx

@@ -24,14 +24,14 @@ const FileTracker = ({ file, setDeletedTask, taskId }) => {
 
   return (
     <div
-      className={openImg ? "taskFile ImgOpened" : "taskFile"}
+      className={openImg ? "task-file img-opened" : "task-file"}
       key={file.id}
       onClick={() => {
         if (openImg) setOpenImg(!openImg);
       }}
     >
       <img
-        className="imgFile"
+        className="img-file"
         src={backendImg(file.file?.url)}
         alt="img"
         onClick={() => {
@@ -39,7 +39,7 @@ const FileTracker = ({ file, setDeletedTask, taskId }) => {
         }}
       />
       {!openImg && (
-        <div className="deleteFile" onClick={() => deleteFile(file)}>
+        <div className="delete-file" onClick={() => deleteFile(file)}>
           <img src={close} alt="delete" />
         </div>
       )}