fix and update language for company workspace

apps/marketplace/src/components/MarketplaceShell.tsx

@@ -121,10 +121,12 @@ export default function MarketplaceShell({ children }: { children: React.ReactNo
   const router = useRouter()
   const dashboardUrl = resolveBrowserAppUrl(process.env.NEXT_PUBLIC_DASHBOARD_URL ?? 'http://localhost:3001')
   const adminUrl = resolveBrowserAppUrl(process.env.NEXT_PUBLIC_ADMIN_URL ?? 'http://localhost:3002')
+  const apiUrl = process.env.NEXT_PUBLIC_API_URL ?? 'http://localhost:4000/api/v1'
   const [language, setLanguage] = useState<MarketplaceLanguage>('en')
   const [theme, setTheme] = useState<Theme>('light')
   const [hydrated, setHydrated] = useState(false)
   const previousLanguage = useRef<MarketplaceLanguage>('en')
+  const [companyName, setCompanyName] = useState<string | null>(null)
 
   useEffect(() => {
     const storedLanguage = window.localStorage.getItem('marketplace-language')
@@ -139,6 +141,19 @@ export default function MarketplaceShell({ children }: { children: React.ReactNo
     }
 
     setHydrated(true)
+
+    const token = document.cookie.split(';').map(c => c.trim()).find(c => c.startsWith('employee_token='))?.split('=')[1]
+    if (token) {
+      fetch(`${apiUrl}/companies/me/brand`, {
+        headers: { Authorization: `Bearer ${token}` },
+      })
+        .then(r => r.ok ? r.json() : null)
+        .then(json => {
+          const name = json?.data?.displayName ?? json?.displayName
+          if (name) setCompanyName(name)
+        })
+        .catch(() => {})
+    }
   }, [])
 
   useEffect(() => {
@@ -212,12 +227,24 @@ export default function MarketplaceShell({ children }: { children: React.ReactNo
                   >
                     {dict.explore}
                   </Link>
-                  <Link
-                    href={`${dashboardUrl}/sign-in`}
-                    className="ml-2 rounded-full bg-stone-900 px-5 py-2 text-sm font-semibold text-white transition hover:bg-stone-700 dark:bg-amber-400 dark:text-stone-950 dark:hover:bg-amber-300"
-                  >
-                    {dict.ownerSignIn}
-                  </Link>
+                  {companyName ? (
+                    <Link
+                      href={`${dashboardUrl}/dashboard`}
+                      className="ml-2 flex items-center gap-2 rounded-full bg-stone-900 px-4 py-2 text-sm font-semibold text-white transition hover:bg-stone-700 dark:bg-amber-400 dark:text-stone-950 dark:hover:bg-amber-300"
+                    >
+                      <span className="inline-flex h-5 w-5 items-center justify-center rounded-full bg-white/20 text-[10px] font-black dark:bg-stone-950/20">
+                        {companyName.charAt(0).toUpperCase()}
+                      </span>
+                      {companyName}
+                    </Link>
+                  ) : (
+                    <Link
+                      href={`${dashboardUrl}/sign-in`}
+                      className="ml-2 rounded-full bg-stone-900 px-5 py-2 text-sm font-semibold text-white transition hover:bg-stone-700 dark:bg-amber-400 dark:text-stone-950 dark:hover:bg-amber-300"
+                    >
+                      {dict.ownerSignIn}
+                    </Link>
+                  )}
                 </nav>
               </div>
             </div>