Update theme toggle functionality and UI components

Implemented a new ModeToggle feature for theme switching in personal account dropdown. The changes also made adjustments to several UI components, such as transforming Dialog to AlertDialog in transfer-ownership-dialog, and introducing invitation-submit-button in team-accounts. Some minor amendments include text changes and styling modifications.

apps/web/components/root-providers.tsx

@@ -2,10 +2,12 @@
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryStreamedHydration } from '@tanstack/react-query-next-experimental';
+import { ThemeProvider } from 'next-themes';
 
 import { I18nProvider } from '@kit/i18n/provider';
 import { AuthChangeListener } from '@kit/supabase/components/auth-change-listener';
 
+import appConfig from '~/config/app.config';
 import pathsConfig from '~/config/paths.config';
 import { i18nResolver } from '~/lib/i18n/i18n.resolver';
 
@@ -22,7 +24,14 @@ export function RootProviders({
       <ReactQueryStreamedHydration>
         <AuthChangeListener appHomePath={pathsConfig.app.home}>
           <I18nProvider lang={lang} resolver={i18nResolver}>
-            {children}
+            <ThemeProvider
+              attribute="class"
+              enableSystem
+              disableTransitionOnChange
+              defaultTheme={appConfig.theme}
+            >
+              {children}
+            </ThemeProvider>
           </I18nProvider>
         </AuthChangeListener>
       </ReactQueryStreamedHydration>