Issue with icons on tabs in settings

[prashantvatsh]

When you will go to settings screen of your profile on buddypress.org you will find that email tab is showing a missing icon ​https://prnt.sc/kzxyor and on inspecting I found that the tab have the same id(#notifications-personal-li) like the notification tab ​https://prnt.sc/kzy194 on the left hand side.

This is the CSS which is adding icon there:

#notifications-personal-li a:before {
    content: '\f339';
}

And it is fine for the notification link on the left hand but why the email tab have the same ID like notification and that's the reason only icon comes missing there. We should remove that ID and have some unique ID there on email tab.

[espellcaste]

Closing as per #9193