Rearrange In-App Notifications Placement on Home Page Controls

Describe the bug
In the Enatega Multivendor Rider/Restaurant App, the in-app notifications related to new orders, processing, and delivered statuses are currently positioned on the left side of the controls on the home page. This placement can cause confusion and disrupt the flow of information for users. To enhance clarity and usability, it's proposed to relocate these notifications to the top-right part of the text associated with each control.

To Reproduce

Open the Enatega Multivendor Rider/Restaurant App.
Navigate to the home page.
Observe the placement of in-app notifications related to new orders, processing, and delivered statuses.
Note that these notifications are currently positioned on the left side of the controls.
Expected behavior
In the Enatega Multivendor Rider/Restaurant App, in-app notifications related to new orders, processing, and delivered statuses should be relocated to the top-right part of the text associated with each control on the home page. This adjustment will enhance clarity and ensure a more intuitive layout for users.

Screenshots

screen-20240312-135108.mp4
Smartphone (please complete the following information):

Device: IOS & Android
Additional context
Add any other context about the problem here.

Start at the mobile app's home page controls and reproduce the notification placement for new, processing, and delivered orders on iOS and Android. Trace the components rendering those controls, then verify that each notification appears at the top-right of its associated text and that the home page layout remains clear.

Written by the indexing model from the issue text.