add branding option

src/App.jsx

@@ -2,6 +2,7 @@ import { useEffect } from 'react';
 import { Routes, Route, Navigate } from 'react-router-dom';
 import { useAuth } from './contexts/AuthContext';
 import { useLanguage } from './contexts/LanguageContext';
+import { useBranding } from './contexts/BrandingContext';
 import Layout from './components/Layout';
 import ProtectedRoute from './components/ProtectedRoute';
 import Home from './pages/Home';
@@ -16,6 +17,7 @@ import GuestJoin from './pages/GuestJoin';
 export default function App() {
   const { user, loading } = useAuth();
   const { setLanguage } = useLanguage();
+  const { appName } = useBranding();
 
   // Sync language from server when user loads
   useEffect(() => {
@@ -24,6 +26,11 @@ export default function App() {
     }
   }, [user?.language, setLanguage]);
 
+  // Update document title with branding
+  useEffect(() => {
+    document.title = `${appName} - BigBlueButton Frontend`;
+  }, [appName]);
+
   if (loading) {
     return (
       <div className="min-h-screen bg-th-bg flex items-center justify-center">