fix(website): migration from old website

apps/website/src/app/providers.tsx

@@ -2,7 +2,15 @@
 
 import { ThemeProvider } from 'next-themes';
 import type { PropsWithChildren } from 'react';
+import { ServiceWorker } from '~/components/ServiceWorker';
+import { SystemThemeFallback } from '~/components/SystemThemeFallback';
 
 export function Providers({ children }: PropsWithChildren) {
-	return <ThemeProvider attribute="class">{children}</ThemeProvider>;
+	return (
+		<>
+			<ThemeProvider attribute="class">{children}</ThemeProvider>
+			<ServiceWorker />
+			<SystemThemeFallback />
+		</>
+	);
 }

apps/website/src/components/ServiceWorker.tsx

@@ -0,0 +1,9 @@
+'use client';
+
+import { useUnregisterServiceWorker } from '~/hooks/useUnregisterServiceWorker';
+
+export function ServiceWorker() {
+	useUnregisterServiceWorker();
+
+	return null;
+}

apps/website/src/components/SystemThemeFallback.tsx

@@ -0,0 +1,9 @@
+'use client';
+
+import { useSystemThemeFallback } from '~/hooks/useSystemThemeFallback';
+
+export function SystemThemeFallback() {
+	useSystemThemeFallback();
+
+	return null;
+}

apps/website/src/hooks/useSystemThemeFallback.ts

@@ -0,0 +1,13 @@
+'use client';
+
+import { useEffect } from 'react';
+
+export function useSystemThemeFallback() {
+	useEffect(() => {
+		const theme = localStorage.getItem('theme');
+		if (theme === 'auto') {
+			localStorage.setItem('theme', 'system');
+		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
+	}, []);
+}

apps/website/src/hooks/useUnregisterServiceWorker.ts

@@ -0,0 +1,14 @@
+'use client';
+
+import { useEffect } from 'react';
+
+export function useUnregisterServiceWorker() {
+	useEffect(() => {
+		// eslint-disable-next-line promise/prefer-await-to-then
+		void navigator.serviceWorker.getRegistrations().then((registrations) => {
+			for (const registration of registrations) {
+				void registration.unregister();
+			}
+		});
+	}, []);
+}