feat: modernize codebase

[Maniktherana]

This pr:

• migrates to TypeScript
• adds shadcn ui
• partially addresses #500

Note: making changes to tailwind.config.ts or adding shadcn components requires a rebuild

[Maniktherana]

Changes so far:

• new mobile navbar

  

• Status page

  

• PR page

  

• some tables now scroll horizontally for small screens instead of bunching up together

[Maniktherana]

EDIT: this PR probably doesn't break what's described below. main branch and this pr both show the same output as in the after image. This may be due to how data is received in dev builds

This PR also breaks json rendering on the /macrobench/queries/compare route. Root cause is most likely not having access to the json class from ReactJson

before:

after:

[Maniktherana]

On Safari the website does not render well at all. It, almost, only shows white pages when the dark mode is turned on. I would advise you to test the PR on different browsers and see how they behave.

This has been fixed, the issue was a typo in tailwind.css

.dark {
-    --background: 0 0% 0;
+    --background: 0 0% 0%;

[Maniktherana]

The page "Daily" causes a few issues. The background of the graphs are not showing up, and the summary cards (when selected) are highlighted with a dark/white color.

graphs are visible now on hovering summary cards

[Maniktherana]

After:

I've just pushed a potential fix for this but I'm going in blind. I can't see graphs yet on my dev build but the fix involves just using the correct css color variable.

[frouioui]

I've just pushed a potential fix for this but I'm going in blind. I can't see graphs yet on my dev build but the fix involves just using the correct css color variable.

It looks great now: