Redesign the Planner page in mobile so that the user on mobile does not need to scroll to start choosing classes

[tomaspalma]

This includes the way that the Schedule appears in mobile as well.

As discussed in the meeting some of the points to change are:

• The schedule component in mobile should be the same in the desktop version
• Decrease the information to include the most important aspects on the SlotBox.tsx
• Add tabs to have one for choosing classes and the other to see the schedule

Notes to ease development

• We have a ResponsiveLessonBox which is the boxes that appear on mobile. If we use the same schedule between the desktop and mobile that component can disappear. This code is present in SlotBox.tsx, we probably have to remove the ResponsiveLessonBox.

• There is also a differente render for mobile of the schedule component that needs to be removed