feat: use Icons and small text for carry forward and skip to summary button in order to enhance the Roll Call UI and redisgn the roll call page along with the session details

[kurawlefaraaz]

For carry forward we can use the RiBringForward react icon

For skip we can use PiNotepad react Icon

We can then put session details above the student details and the carry forward and skip button below both in single row

[kurawlefaraaz]

@Mayank-rajguru @kurawlefaraaz

[Mayank-rajguru]

Will a new user who is not familiar with these carry forward and skip feature, able to understand the use with the icons?

The students cards are absolute positioned in center, keep that in mind.

And when I was trying different things the top part started feeling to clusterd while the bottom remains empty.

[kurawlefaraaz]

We will be keeping the text, but the text would be in smaller font and both details and button wont be on same side. We would just inter change the thing, the details part would go on top and button on the bottom.