Hide navigation badge text in moible bottom bar

src/features/navigation-bar/components/MobileBottomBar.tsx

@@ -60,6 +60,7 @@ export const MobileBottomBar = ({ navBarItems }: { navBarItems: NavbarItem[] })
                                 },
                             },
                         }}
+                        forceCollapsed
                     />
                 ))}
             </Stack>

src/features/navigation-bar/components/NavigationBarItem.tsx

@@ -29,17 +29,21 @@ export const NavigationBarItem = ({
     SelectedIconComponent,
     useBadge,
     slots,
+    forceCollapsed,
 }: NavbarItem & {
     slots?: {
         listItemLink?: Partial<ComponentProps<typeof ListItemLink>>;
     };
+    forceCollapsed?: boolean;
 }) => {
     const { t } = useLingui();
     const location = useLocation();
-    const { isCollapsed } = useNavBarContext();
+    const { isCollapsed: isCollapsedContext } = useNavBarContext();
     const theme = useTheme();
     const badgeInfo = useBadge?.();
 
+    const isCollapsed = forceCollapsed ?? isCollapsedContext;
+
     const isActive = location.pathname.startsWith(path);
     const Icon = isActive ? SelectedIconComponent : IconComponent;