Enforce square dimensions for projet and group avatars
Currently, we allow adding image of any dimension as avatars for projects and groups - provided they are under 200Kb. One problem with this is that the breadcrumb navigation widget is optimized for square images. Non-square images gets compressed horizontally or vertically to fit into that 16x16 box, and this causes them to look distorted.
This problem exists only in breadcrumb widget because in other places, like the main avatar holder, we set height: auto
so that it doesn't get compressed.
Proposal: Either fix the breadcrumb to support non-square images, or enforce square images in avatars (will need feature to crop the uploaded image).