refactor: Migrate to Vite

[null2264]

Closes #27

REF: https://www.sitepoint.com/webpack-vite-migration/

[null2264]

I once again, hit CSP wall... Vite doesn't have __webpack_nonce__ equivalent, even their own script module (I guess it's called "preload" module?) doesn't work because it's blocked by strict CSP. I need to find a workaround for this... again...

REF: vitejs/vite#9719

Update: Fixed by using vitejs/vite#9719 (comment) (plugin workaround) and vitejs/vite#11864 (patch). Also, important to note that the CSP issue seems to only happened on dev env, __webpack_nonce__ still usable in prod.

[null2264]

Everything seems to work fine, well except on prod... it keep throwing Uncaught TypeError: ct is null for some reason.

Caused by Goober:
local (node_modules): t.data=t.data
remote (prod): ct.data=ct.data
code (https://github.com/cristianbote/goober/blob/a849b2d644146d96fa1dd1c560f6418ee1e1c469/src/core/update.js#L20-L25):

export let update = (css, sheet, append, cssToReplace) => {
    cssToReplace
        ? (sheet.data = sheet.data.replace(cssToReplace, css)) // the problematic part, sheet is null
        : sheet.data.indexOf(css) === -1 &&
          (sheet.data = append ? css + sheet.data : sheet.data + css);
};

Could be related to cristianbote/goober#500

Update: For some reason /*goober*/ inside style #_goober got stripped on prod build, caused sheet to be null

Update: Fixed by patching

[null2264]

Another error after goober's null sheet, this time it's require is not defined, after some investigation it seems to be caused by react-hotkeys, the library is no longer maintained, potential replacement: https://github.com/JohannesKlauss/react-hotkeys-hook

Update: Fixed, we'll use GitHub's hotkey

[null2264]

Most if not everything is working now, should be ready to be merged.