Fix sidebar name display

[mere-z]

Description 🧾

Introduces shortening logic to the Name display in the sidebar. (the shortening logic calculates thewidth of text that is 14.8px, 400 font weight, roboto helvetica etc font family, normal word spacing. those correspond to the current font for the name).

Testing

Testing has been done with a mix of short/long words, feel free to try yourself
iiiiiiiiiiiiiiiiiiiiiiiii
eeeeeeiiiiiiiiii
Abcdefghilsf
WWWWWW

etc.

Checklist

• 📍 You have assigned yourself to this pull request.
• 🔗 You have linked an issue to which this pull request closes.
• 💭 Leave any relevant specific directions to reviewers.
• 👀 No secrets in clear text in the pull request.
• 🎟️ To categorise release notes, the pull request should be labelled with at least one of these labels:
  • feature: for application feature improvement or new features
  • bug: fixing something that previously wasn't working
  • dev: development-side related changes
  • docker: updates to the Docker code
  • setup: changes to the setup/infrastructure of the codebase
  • test: updates to internal testing

[mark-trann]

Just few nitpicks only but otherwise lgtm! ty for changes

[mark-trann]

amen