fix: use resolvedTheme for accurate theme management

[alvinsjoy]

Currently, when enableSystem is set,

scira/app/providers.tsx

Lines 19 to 24 in 83d73d7

	<ThemeProvider
	attribute="class"
	defaultTheme="system"
	enableSystem
	disableTransitionOnChange
	>

the theme parameter returns system instead of light or dark. This causes an issue where new users (those without a saved theme preference in localStorage) cannot change the theme on their first click. To reproduce the issue, clear cookies and try toggling the theme.

theme.mp4

As stated in the next-themes docs,
when enableSystem is true and the active theme is system, theme remains system while resolvedTheme returns whether the system preference is resolved to dark or light.

The new implementation is similar to the one done by shadcn:
https://github.com/shadcn-ui/ui/blob/12d4cf2ab0caefec5d6232e6c32220a8e62d73c4/apps/v4/components/mode-toggle.tsx#L10

[vercel]

@alvinsjoy is attempting to deploy a commit to the Zaid Mukaddam's Team Team on Vercel.

A member of the Team first needs to authorize it.