refactoring allStyles styleStyle -> style-style

src/components/ProfileCalendar/ProfileCalendarComponent.jsx

@@ -244,13 +244,13 @@ export const ProfileCalendarComponent = React.memo(
                   key={day}
                   className={
                     startRangeDays
-                      ? `selectDays ${
+                      ? `select-days ${
                           String(startDate?._d) === String(day._d) ||
                           endDate === day
-                            ? "selectedDay"
+                            ? "selected-day"
                             : ""
                         } ${endDate ? "disable" : ""} ${
-                          selectedRangeDays[day] ? "selectedDay" : ""
+                          selectedRangeDays[day] ? "selected-day" : ""
                         }`
                       : dayStyles(day)
                   }
@@ -270,7 +270,7 @@ export const ProfileCalendarComponent = React.memo(
             )}
           </div>
         </div>
-        <div className="selectDateRange">
+        <div className="select-date-range">
           <span
             className="select"
             onClick={() => {