feat: Implement view transitions for smoother navigation

- Added `useViewTransitions` hook to enable view transitions in the app.
- Created `useNavigateWithTransition` for navigation with transitions.
- Integrated view transitions in `ClientRoot`, `HomeTab`, `InboxTab`, and `SettingsTab`.
- Introduced `AnimatedOutlet` and `RouteTransition` components for route-based animations.
- Enhanced CSS for transitions and added a new `twilightTheme`.
- Updated Vite configuration to serve sound and font assets.
- Added support for reaction notifications in the room utility.
- Created `DirectList` and related components for direct messaging functionality.

src/index.tsx

@@ -13,6 +13,7 @@ import './index.css';
 import { trimTrailingSlash } from './app/utils/common';
 import App from './app/pages/App';
 import { applySafeAreaInsets, isTauri } from './app/utils/tauri';
+import { enableViewTransitionsForNavigation } from './app/utils/viewTransitions';
 
 // import i18n (needs to be bundled ;))
 import './app/i18n';
@@ -22,6 +23,9 @@ document.body.classList.add(configClass, varsClass);
 // Apply safe area insets for mobile devices
 applySafeAreaInsets();
 
+// Enable View Transitions API for smooth navigation
+enableViewTransitionsForNavigation();
+
 // Register Service Worker
 if ('serviceWorker' in navigator) {
   const swUrl =