Implement logo preloading on page load and enhance branding image display with fade-in effect

src/main.tsx

@@ -5,9 +5,13 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 import App from './App'
 import { ThemeColorsProvider } from './providers/ThemeColorsProvider'
 import { ToastProvider } from './components/Toast'
+import { initLogoPreload } from './api/branding'
 import './i18n'
 import './styles/globals.css'
 
+// Preload logo from cache immediately on page load
+initLogoPreload()
+
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {