adding brand management

client/src/App.jsx

@@ -16,6 +16,7 @@ import Tasks from './pages/Tasks'
 import Team from './pages/Team'
 import Users from './pages/Users'
 import Settings from './pages/Settings'
+import Brands from './pages/Brands'
 import Login from './pages/Login'
 import Tutorial from './components/Tutorial'
 import Modal from './components/Modal'
@@ -40,7 +41,7 @@ export const AppContext = createContext()
 
 function AppContent() {
   const { user, loading: authLoading, checkAuth } = useAuth()
-  const { t } = useLanguage()
+  const { t, lang } = useLanguage()
   const [teamMembers, setTeamMembers] = useState([])
   const [brands, setBrands] = useState([])
   const [loading, setLoading] = useState(true)
@@ -68,6 +69,13 @@ function AppContent() {
     }
   }, [user, authLoading])
 
+  const getBrandName = (brandId) => {
+    if (!brandId) return null
+    const brand = brands.find(b => String(b._id || b.id) === String(brandId))
+    if (!brand) return null
+    return lang === 'ar' && brand.name_ar ? brand.name_ar : brand.name
+  }
+
   const loadTeam = async () => {
     try {
       const data = await api.get('/users/team')
@@ -115,7 +123,7 @@ function AppContent() {
   }
 
   return (
-    <AppContext.Provider value={{ currentUser: user, teamMembers, brands, loadTeam }}>
+    <AppContext.Provider value={{ currentUser: user, teamMembers, brands, loadTeam, getBrandName }}>
       {/* Profile completion prompt */}
       {showProfilePrompt && (
         <div className="fixed top-4 right-4 z-50 bg-amber-50 border-2 border-amber-400 rounded-xl shadow-lg p-4 max-w-md animate-fade-in">
@@ -261,6 +269,7 @@ function AppContent() {
           <Route path="projects/:id" element={<ProjectDetail />} />
           <Route path="tasks" element={<Tasks />} />
           <Route path="team" element={<Team />} />
+          <Route path="brands" element={<Brands />} />
           <Route path="settings" element={<Settings />} />
           {user?.role === 'superadmin' && (
             <Route path="users" element={<Users />} />