Added functionality of filtering of Status page data

[Gmin2]

Screencast.from.23-04-24.04.24.25.PM.IST.webm

The local developement have been done by hardcoded data, as server(api-docker container) was not spinning up locally

[frouioui]

I am on Google Chrome and I am having issues reproducing the behavior you're showing on the video. The filtering does not work properly on my side.

Requested changes have been applied.

[frouioui]

I was unable to run the project as it was not building with data.json

[frouioui]

I love the new design it looks great! Just one nit, we should remove a bit of padding to the dropdown so we can align them with the left hand side of the tables:

[Gmin2]

Doneeeee @frouioui

[frouioui]

I am still seeing some gap depending on the size of the screen. Is there a way of "sticking" these components (the dropdown + execution queue + previous execution) in the same div and aligning everything.

Good alignement:

After increasing the size of the screen:

[Gmin2]

Hey @frouioui i have alligned the select component in the center instead of it being at the start, it is looking nicer here

[frouioui]

Thank you for aligning the drop downs to the center, however, since the last commit the table containing all the execution has shrinked a bit and there is now a visible scroll bar to the right of the table. Can we let the table as wild as it was before?

[Gmin2]

the scrollbar is there is every page, i think there is problem with the DisplayList.tsx, should i modify in this PR or create a new one as it will effect all the pages

cc @frouioui

[frouioui]

Ah right I am seeing the same issue on the PR page. Yes, feel free to open a follow up PR.

[frouioui]

That's really good work, it is a nice feature that will be really useful. Thank you! As soon as you resolve the merge conflict I will be able to merge this PR.

[Gmin2]

Done @frouioui