feat: Added a Notification head bar to present current notifications number

[jian4on]

Summary of Changes

Improved the HomeHeaderView component by adding a Notifications head bar, and maintained the test suits for new changes

Related Issues

N/A

Pull Request Checklist

Tick all boxes below to demonstrate that you have completed the respective task. If the item does not apply to your this PR check it anyway to make it apparent that there's nothing to do.

• [X] All commits contain a DCO Signed-off-by line (we use the DCO GitHub app to enforce this);
• [ ] Updated LICENSE-3RD-PARTY.md for any added dependencies or vendored components;
• [ ] Updated documentation as needed for changed code and new or modified features;
• [ ] Added sufficient tests so that overall code coverage is not reduced.

If you have any questions to any of the points above, just submit and ask! This checklist is here to help you, not to deter you from contributing!

Pro Tip 🤓

• Read our contribution guide at least once; it will save you a few review cycles!
• Your PR will likely not be reviewed until all the above boxes are checked and all automated tests have passed.

PR template adapted from the Python attrs project.

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[knguyenBC]

Can the head bar be toggleable/Is it toggleable on/off?

[jian4on]

Can the head bar be toggleable/Is it toggleable on/off?

No interaction control to toggle the notification numbers head bar, but it will disappear after all notifications are dismissed. So we can say it is toggled by current notifications list. Thanks @knguyenBC We do have a chevron toggle icon in this head bar in next story, they are used to toggle the notifications list below and the default Home screen, not for itself.