Count is not visible on the tab icon

Question

My home page is a flyout page and the detail page is a tabbed page. In the tabbed the first tab is a list of alerts. My problem is with the alerts unread count. I want to show the unread count on top of the bottom tab of alert icon. Please check the below screenshot:

But currently the count is not showing. I am actually migrating a xamarin forms project to maui and in xamarin version this count working fine. There is a DashboardTabbedPageRenderer I found on xamarin project, and that renderer is actually showing the count. I am adding it as a text file below since it is very lengthy.
DashboardTabbedPageRenderer.txt

UpdateBadge(int count) method on the above renderer sets the count text.

I tried creating an equivalent handler added below but I am nothing is visible on the UI after adding it.

DashboardTabbedPageHandler.txt

Is it possible to fix it by adding the equivalent handler or do we need to fix it by adding the logic in DashBoardTabbedpage?