Implement date navigation links in process monitoring screen

[freddidierRTE]

We aim to enhance the user experience on the process monitoring screen by adding date navigation links at the top-right corner of the screen. The links will be as follows:

<< Year Month Week >>

Each link will have the following functionality:

• - Year: Sets the date values in the form to the current year.

• - Month: Sets the date values in the form to the current month.

• - Week: Sets the date values in the form to the current week.

• - '<<': Moves to the past based on the previously selected period (year, month, or week).

• - '>>': Moves to the future based on the previously selected period.

• By default, upon landing on the screen, the date will be set to the current year, and the startDate and endDate fields will be adjusted accordingly.

• If the user manually changes the date and then clicks on <<, the dates should shift as follows:

• New StartDate = current StartDate - (current EndDate - current StartDate)

• New EndDate = current EndDate - (current EndDate - current StartDate)

• If the startDate and endDate fields are not set (i.e., the user has cleared the date fields), no action should be taken.

• If only the startDate or endDate is set, the date should shift based on the last selected period (year, month, or week).

• When the user clicks on ">>", the system should advance to future dates, mirroring the behavior of the "<<" button which navigates to past dates.

• These rules should be implemented in ui/main/src/app/business/view/processmonitoring/processmonitoring.view.ts with corresponding unit tests. For instance, a method named getDatesAfterPeriodClick(periodClicked: string) could be created, which returns a new object containing startDate and endDate.

• For end-to-end testing, a single use case should be covered using Cypress. For example, clicking on "week" and verifying that the dates change accordingly.