Merge branch 'dev' into clients-pops

src/components/SidebarNav.tsx

@@ -8,6 +8,7 @@ import { ChevronDown, ChevronRight } from "lucide-react";
 import { useUserContext } from "@app/hooks/useUserContext";
 import { Badge } from "@app/components/ui/badge";
 import { useLicenseStatusContext } from "@app/hooks/useLicenseStatusContext";
+import { useTranslations } from "next-intl";
 
 export interface SidebarNavItem {
     href: string;
@@ -66,6 +67,8 @@ export function SidebarNav({
 
     const { user } = useUserContext();
 
+    const t = useTranslations();
+
     function hydrateHref(val: string): string {
         return val
             .replace("{orgId}", orgId)
@@ -139,14 +142,14 @@ export function SidebarNav({
                                             {item.icon}
                                         </span>
                                     )}
-                                    {item.title}
+                                    {t(item.title)}
                                 </div>
                                 {isProfessional && (
                                     <Badge
                                         variant="outlinePrimary"
                                         className="ml-2"
                                     >
-                                        Professional
+                                        {t('licenseBadge')}
                                     </Badge>
                                 )}
                             </Link>