fix(ui5-monthpicker): switch to two column layout on Islamic or Persian secondary calendar type

[hinzzx]

Previously when secondaryCalendarType was set to Islamic or Persian, the texts of the months' names didnt had enough space in the cell to be displayed on one row, which wasnt the desired behavior.

Now, when any of those two calendar types is set as a secondaryCalendarType, when the end user is in month view of the calendar, the months are displayed in two column layout, instead of three, providing enough space for the texts to be displayed in one row.

Tested in both Cozy/Compact modes in following scenarios:

---

Primary/SecondaryCalendarType:

1. Gregorian/Buddhist
2. Gregorian/Islamic
3. Gregorian/Japanese
4. Gregorian/Persian
5. Buddhist/Gregorian
6. Buddhist/Islamic
7. Buddhist/Japanese
8. Buddhist/Persian
9. Islamic/Gregorian
10. Islamic/Buddhist
11. Islamic/Japanese
12. Islamic/Persian
13. Japanese/Gregorian
14. Japanese/Buddhist
15. Japanese/Islamic
16. Japanese/Persian
17. Persian/Gregorian
18. Persian/Buddhist
19. Persian/Islamic
20. Persian/Japanese

Before

After

Fixes: #7712