feat:Added Filter Button to filter content by watched, watching & unwatched videos and optimised Admin Panel

[KitsuneKode]

Enhancement Feature

I have added a filter button to filter contents by watched, watched, and unwatched videos. Also fixed some other things.

Global

• Filter content by watch status (watched, unwatched, or in progress)
• Folder-level filtering for better organization
• Video progress bars on content cards(made it working)
• Synced with SideBar

Admin Panel

• When course content is uploaded, the courses in the admin panel reload themselves, syncing the updates from the database and showing updated courses
  I also added a reload button just in case to trigger another re-render
• Added Video specific title and error handling to the UpdateVideos component.

Limitation

• Notion docs are not filtered.
• why?; all the markAsCompleted is a null value
• how to fix: fix the handleMarkAsCompleted function
• Folder level filter not implemented on SideBar

Checklist before requesting a review

• I have performed a self-review of my code
• I assure there is no similar/duplicate pull request regarding same issue

Video

PR_CMS.mp4

[KitsuneKode]

@devsargam can you review this?

[KitsuneKode]

I am working on the notion doc and folder compatibility for this feature. Should be completed by today!

[KitsuneKode]

I am working on the notion doc and folder compatibility for this feature. Should be completed by today!

@devsargam I have completed this. With folder level implementation!

[hkirat]

@devsargam

[devsargam]

@KitsuneKode can you please add screen recordings?
my bad

[KitsuneKode]

@KitsuneKode can you please add screen recordings? my bad

wait actually I will provide the updated screen recording after the class.

[KitsuneKode]

@hkirat @devsargam I fixed all issues and possible problems. Can you review this