To reflect the composition of the website with two distinct parts
(those being `Main` and `Infos`)
That way, it's much clearer what component belongs where
Turns out I wasn't really satisfied with how the very first `Info` I made aged
Don't know yet if I'll do anything with other `Info`s, they kinda look fine tbh!
Switch the tab's logo and name, having the logo on the left and the name at the middle (like any Linux DE)
Make the tab close button look smaller, make it look different on hover and active states
Make `CopyField`s inactive for 3 seconds instead of 5 seconds
Make certain things no longer draggable
Add looks for the hover & active state for `TabButton`s and `ButtonLink`s
Use `@carbon/icons-react` over downloaded svgs
Update README
Remove Herobrine
Makes it so:
- An `Info`'s `Website` doesn't need to wait for other `Website`s of that same `Info` to load to show up
- An `Info`s `Website` not working won't prevent other `Website`s of that same `Info` from showing up
- Code is more split and organized
Furthermore, the token for the osu! API is now stored, and used for ALL osu! requests for 24 hours instead of being revoked
Overall, it's a lot of future-proofing so things on working even if I'm no longer there to maintain them
Also so `Info`s can be added, changed, and removed more easily
Wait, so which compiler have I been using this whole time??
I'm guessing Babel, but then is tsconfig and adding typescript to package.json useful???
Man, I'm not used to that stuff, I need to learn more
