Responsive design for browser extension manager UI

What are you most proud of, and what would you do differently next time?

This is my first project using react(vite). I would like to do more projects using react to get used to using different react hooks and other components.

What challenges did you encounter, and how did you overcome them?

I faced the following challenges:

1. Getting the functionality for filtering the items, and updating the state of items in both original and filtered form. I am getting used to using useState and useEffect.
2. Implementing the CSS styles for elements in the page when the theme changes. I made use of CSS variables inside the class to achieve this.
3. Deploying the live site to GitHub pages from my react vite project. I learnt about what npm run build does. Since the browser can only read pure HTML/CSS/JS, this command bundles the react files(.jsx) to an optimized application which is now readable by the browser. I made use of it to get the live site up and running.

What specific areas of your project would you like help with?

Open to any feedback, especially React best practices :)