Many small improvements

Changes

• Made the opened cards remain open after finishing a lesson or going back from watch course
• Saved completed course data in localStorage
• Added confetti animation after clicking on finish lesson
• Fixed value of total in course.jsx by making it dynamic
• Fixed navbar animating when reloading on non home paths

This time I have done many small changes but I think that they make a great impact on the website.
~
Firstly I made the card remain open while visiting other pages. I mainly did this as a part of user experience. I thought that it’s inconvenient for a user to see the card they opened being closed after they come back from the course watching page.
~
Also, now the data of completed course persists. It is stored in localStorage. I’ll definitely stored the data in database in the future. Also I was facing an annoying bug doing this because I forgot that I needed to stringify the data before storing in localStorage😭.
~
There’s now confetti animation after clicking finish lesson. I think it looks nice. I used a npm package for the animation.
~
Before the total course was a dummy value of 10. Instead of counting the courses manually I just did a sum of length of all courses data from constant.js. Now, when I change the professional course value I won’t have to think about changing the total value.
~
The navbar animation was meant to run only when user move from home page to other page and vise versa. But, when I was on the course page and if I reloaded the animation would still happen. Fixing this was really painful as the solution was really easy but I just couldn’t figure it out. At last I took the help of Claude to figure out the solution 😩.
~
I took two days off because I was sick again😭. Why is my immune system so weakkk😭..