refactoring allStyles styleStyle -> style-style

src/components/CategoriesItem/CategoriesItem.jsx

@@ -10,14 +10,16 @@ export const CategoriesItem = ({ img, title, skills, available, link }) => {
     <Link
       to={link}
       className={
-        available ? "categoriesItem" : "categoriesItem categoriesItem__disable"
+        available
+          ? "categories-item"
+          : "categories-item categories-item__disable"
       }
     >
-      <div className="categoriesItem__title">
+      <div className="categories-item__title">
         <img src={img} alt="img" />
         <h5>{title}</h5>
       </div>
-      <div className="categoriesItem__description">
+      <div className="categories-item__description">
         <p>{skills}</p>
         <div className="more">
           <img src={rightArrow} alt="arrow" />

src/components/CategoriesItem/categoriesItem.scss

@@ -1,4 +1,4 @@
-.categoriesItem {
+.categories-item {
   display: flex;
   flex-direction: column;
   padding: 33px 32px 25px 28px;