[Android] Dates Tab Stylistic Changes

[moiz994]

We need to update the UI of the dates screen to meet the stylistic appearance of the new openedX App.

Figma: https://www.figma.com/file/iZ56YMjbRMShCCDxqrqRrR/Open-edX-Mobile-App-All-Screens-v2.0?type=design&node-id=6703-32751&mode=design&t=f5jLhRAWaBSTEIgW-4

High level design changes:

• New sections approach - mentioned below in detail

• Colored sideline for each section

• Smaller date font above line items

• Same-date items are grouped under one date - time zone considerations are to be kept in mind

Instead of adding tags in front of important dates in the dates tab, the course schedule is grouped into different sections based on the criteria mentioned below.

Order on page	Section Name	Logic
1	Completed	All completed items - If an assignment/quiz status is complete, that item will be moved to this section regardless if it is due in the future.This section can be collapsed and expanded.
2	Past Due	Items due before the current date/time.
3	Today	Items due on the current calendar date.Do not show the date above item in this group.
4	This Week	Items due within the next 7 days (7*24 hours from now)
5	Next Week	Items due within the next 14 days (14*24 hours from now)
6	Upcoming	All remaining items

Other info:

• If there is no item in the above-mentioned sections, that section should be hidden in the UI.

• Locked content and other kinds of copy (i.e. not released) to be the same as the prod edX app.