refactor: split modules and harden scraping workflows

web/src/main.tsx

@@ -5,8 +5,11 @@ import { Toaster } from 'react-hot-toast'
 
 import App from './App'
 import { GlobalEvents } from './components/GlobalEvents'
+import { initializeThemeMode } from './components/useThemeMode'
 import './index.css'
 
+initializeThemeMode()
+
 if ('serviceWorker' in navigator && import.meta.env.PROD) {
   window.addEventListener('load', () => {
     navigator.serviceWorker.register('/artwork-cache-sw.js').catch(() => undefined)