Refresh the navbar with new icons and animations

[meenbeese]

This PR enhances the navbar icons and transition animations, thus improving navigation, clarity, and content.

Part of #790
Closes #911

Icons:

Now each navbar icon has two variations: outline and filled. The filled one is used when the item is selected, and the outline is used otherwise. This is done via a selector for each of the icons that manages this, so the navbar icon can be set to the selector. The old icons are not deleted and new ones are defined instead to not break other usages of the icons. This approach helps maintain consistency and ensures that the navigation experience is intuitive and visually appealing.

Before	After

Animations:

There are four animations in total, which are the left and right variations of both slide-in and slide-out. These animations are used to create a smooth transition effect when navigating between different fragments in the app. The navOptionsLeftToRight is used when navigating to a fragment with a higher item ID, and navOptionsRightToLeft is used when navigating to a fragment with a lower item ID. This ensures that the transitions feel natural based on the direction of navigation.

Before:

Animations-before.webm

After:

Animations-after.webm

Tested on Pixel 8 API 34 Emulator.

[n8fr8]

I like a lot of this, but why did you replace the Onion connect with a key?

[meenbeese]

I like a lot of this, but why did you replace the Onion connect with a key?

The onion icon was found to be confusing in #911, and the best replacement I found from Google Icons was the key. I thought it signified a "secure connection" as it relates to Tor, but I am open to changing it for sure.