feature: Cleaning up the UI

[Bishalmoktan]

The current UI looks good but can be better and I have tried to refine the desgin.

• The links on the navbar can be made as shown below. The bookmark, watch histroy and dark mode toggler can be kept under the dropdown of avatar.
• The links to slides, asssignments and join to discord can be showed as following and a tooltip can be shown on hover on each.
• The sidebar UI can also be improve as shown. Showing the '>' icon only on hover state. Also, we can add line-clamp property if the line exceeds it's widths.

• We can show the details, that a folder contains while we hover on the card and if the card is the video we can change it as following.

• A feature to toggle grid mode and list mode can be added. So the list mode can be seen as following:

• In the video section, to view the chapter of the video, an arrow can be kept, which on hover, it will show, View all Chapter, and on click, we can view the chapter and the UI can be as following.

Query: These all are desgined in figma(not a perfect design, but only as a wireframe). The design can be improved while coding. This is me first time contributing so do I need to wait for this issue to get assigned to me or can I start working on it?

[prajjwal2-3]

Theres too much to do here but the UI looks good I can help you if this is approved.

[nimit9]

Hey @Bishalmoktan ,the user profile drop-down is already done in #319

[Bishalmoktan]

@nimit9, it's okay. May be I could work on another part if this is approved.

[amanbairagi30]

Hello @Bishalmoktan , the layout toggle has already been done in #346