Adds icons to navigation dropdown

[ProjektGopher]

Resolves #952

[driesvints]

Very cool! Thanks @ProjektGopher

I'm just wondering if we could vertical align the icons and text a little better? I think that can be done with flexbox on each anchor tag but not 100% sure.

[joedixon]

Thanks @ProjektGopher! As @driesvints mentioned, you should be able to vertically align the icons and text with the follwing (though not sure if removing the inline-block may cause a different issue):

- <a href="{{ route('profile') }}" class="inline-block w-full lg:px-4 lg:py-3">
+ <a href="{{ route('profile') }}" class="flex items-center w-full lg:px-4 lg:py-3">
    <x-heroicon-o-user class="w-4 h-4 inline mr-1" />
    Your Profile
</a>

[ProjektGopher]

@driesvints @joedixon I had five mins before taking my daughter to daycare - here it is

[driesvints]

Perfect thanks! I changed the admin one to a shield instead.