refactoring allStyles styleStyle -> style-style

src/components/Navigation/Navigation.jsx

@@ -88,8 +88,8 @@ export const Navigation = () => {
           })}
         </nav>
 
-        <div className="profile-header__personalInfo">
-          <h3 className="profile-header__personalInfoName">
+        <div className="profile-header__personal-info">
+          <h3 className="profile-header__personal-info-name">
             {profileInfo?.fio ? profileInfo?.fio : profileInfo?.username}
           </h3>
           <NavLink end to={"/profile"}>
@@ -97,7 +97,7 @@ export const Navigation = () => {
               src={
                 profileInfo?.photo ? urlForLocal(profileInfo.photo) : avatarMok
               }
-              className="profile-header__personalInfoAvatar"
+              className="profile-header__personal-info-avatar"
               alt="avatar"
             />
           </NavLink>