Replace @mui/x-data-grid with material-react-table

[zmc]

This is intended to fix #48 and #61

Current status: Porting complete. Expansions are implemented!

[render]

Your Render PR Server URL is https://pulpito-ng-pr-49.onrender.com.

Follow its progress at https://dashboard.render.com/static/srv-cjbannfdb61s738ng31g.

[netlify]

✅ Deploy Preview for pulpito ready!

Name	Link
🔨 Latest commit	ce7a60e
🔍 Latest deploy log	https://app.netlify.com/sites/pulpito/deploys/65bd5685bf6d760008463a24
😎 Deploy Preview	https://deploy-preview-49--pulpito.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[VallariAg]

Wow, this looks really amazing! I especially love this cool feature right here:

[VallariAg]

/queue page seems to be giving some warning/error on development environment:

Uncaught TypeError: setter is not a function
    at Object.onColumnFiltersChange (index.tsx:210:5)
    at table.setColumnFilters (Filters.ts:584:21)
    at column.setFilterValue (Filters.ts:470:13)
    at handleClear (MRT_FilterTextField.tsx:183:14)
    at MRT_FilterTextField.tsx:206:9
    at commitHookEffectListMount (react-dom.development.js:23150:26)
    at invokePassiveEffectMountInDEV (react-dom.development.js:25154:13)
    at invokeEffectsInDev (react-dom.development.js:27351:11)
    at commitDoubleInvokeEffectsInDEV (react-dom.development.js:27330:7)
    at flushPassiveEffectsImpl (react-dom.development.js:27056:5)

Also, I'm not sure why but particular node pages like this https://pulpito-ng-pr-49.onrender.com/nodes/smithi001.front.sepia.ceph.com/ have tables which are not 100% in width:

[VallariAg]

Light mode colours look beautiful - thanks for the UI facelift! 🌟

[zmc]

Thanks so much for the review @VallariAg! I've pushed some updates.

Re: the blue rows, I think queued and waiting being blue is okay, since neither have actually run yet. Runs shouldn't have an unknown status, but that's clearly a bug we need to track down in paddles. I am not sure if having no background color is better, though.

[VallariAg]

the blue rows, I think queued and waiting being blue is okay, since neither have actually run yet.

Ah okay, understood!
Also, for now, I have created an issue on paddles for the "unknown" status: ceph/paddles#122

The PR looks really great! Almost done, I just had 2 final comments that I would like your opinion on:
#49 (comment) and #49 (comment)

[VallariAg]

Everything looks perfect, thank you so much for porting this!