Edit Mark Modal UI

[IraSoro]

Closed #94

I changed the ui. Now it looks like this

I also moved all calculations to the CalculationLogics.ts.
I created getPastFuturePeriodDays function. In the Mark Modal, in the value property, I need to transfer all the past period days and the marked current ones. I already have a function for calculating past days - getLastPeriodDays. But for the Mark Modal, I also need to pass the estimated values of the marked periods. That's why I created the getPastFuturePeriodDays function. In it, I first call a getLastPeriodDays function to pass the days of the past period, and then I count the current ones.

Now I also updated storage using getNewCyclesHistory. It is past function.

I created a new function to set active dates specifically for Mark Modal - getMarkModalActiveDates. However, there is already a similar getActiveDates function but with an additional condition. I don't know how to fix it.

[imblowfish]

I have one question, but you can fix it by you own

[imblowfish]

Do we really need this function? You ca just call function from CalculationLogic instead

[IraSoro]

These calculations have been moved to CalculationLogic. This function calls the getMarkModalActiveDates function from CalculationLogic.
But after the comment, I removed this function. Now the getMarkModalActiveDates function is calculated directly from

isDateEnabled={(date: string) => {
               return getMarkModalActiveDates(date, cycles);
             }}