Farabi/grwt-5822/fix-inconsistent-header

[farabi-deriv]

This pull request introduces updates to the header styling and layout in both SCSS and JSX files. The changes aim to improve the header's visual spacing, alignment, and functionality, including adjustments to margins, padding, and the order of menu items.

Styling adjustments in src/sass/_common/header.scss:

• Reduced margin-left from 8px to 4px for elements within the header to improve alignment.
• Increased padding for menu links from 0 8px to 0 16px and added specific padding for .url-appstore.
• Added margin: 0 8px to the &__expand class for better spacing consistency.
• Changed margin-right: 10px to margin: 0 10px for the &__notification class to standardize margin behavior.

Layout updates in src/templates/_common/_layout/header.jsx:

• Removed the mobile-hide class from the header-menu-links client_logged_in div to make it visible across devices.
• Corrected text capitalization in the label for "Trader's Hub."
• Reorganized header menu items, including moving "Reports" back into the menu and adjusting the placement of the "Deposit" button.
• Restored the Notification component and the "Account Details" link in the header's menu-right section.

[github-actions]

Preview Link: https://pr-1168.smarttrader-preview.pages.dev

Name	Result
Build status	Completed ✅
Preview URL	Visit Preview
Action URL	Visit Action