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 by locating the home page controls and the rendering for new-order, processing, and delivered notifications in the React app. Use the issue's reproduction steps and attached screen recording to compare the current layout; done means the notifications appear at the top-right of each control's text on iOS and Android.

Written by the indexing model from the issue text.