SO im new to programming and I was following a tutorial someone was doing using React.JS, I’ve been working on my code and following the video but my side bar is not showing up at all. Does anyone have any suggestions on what to do? All is appreciated!

I have a Jewlery Store app using react and there are two types of users: admin and customer. The admin has the posibility to see a table with all the users and whether the user is online or offline. I did this by putting a active attribute to each customer and when someone loggs in succesfully, the active attribute turns to 1 (Online), otherwise it is 0 (Offline). The same ideea i used for log off.
The problem is that the change in active column does not load correctly unless i refresh the page with the table, it stays at the last status that it had so the problem is at frontend and i dont know exactly where.
This is the Login page:

I have a Jewlery Store app using react and there are two types of users: admin and customer. The admin has the posibility to see a table with all the users and whether the user is online or offline. I did this by putting a active attribute to each customer and when someone loggs in succesfully, the active attribute turns to 1 (Online), otherwise it is 0 (Offline). The same ideea i used for log off.
The problem is that the change in active column does not load correctly unless i refresh the page with the table, it stays at the last status that it had so the problem is at frontend and i dont know exactly where.
This is the Login page:

I have a collapsible/nested data report that gets displayed on my web pages. Our customer wants download option enabled on this report. Usually all my other reports I allow user to download as a csv file. But I am not able to finalize the file type I should use for collapsible/nested data report. I read and explored one suggestion of Excel groups, But was wondering if there is something better than this.
I have a java web application which uses react on the front end.
Sample collapsible data: