[FIX] web: fix long username in header issue

Description of the issue/feature this PR addresses:
when logged in user name is too long then it take whole header to display it
name.

Current behavior before PR:
whole header is occupied when username is long.

Desired behavior after PR is merged:
when username is long it would show with '...' format.

Fix:
some property is added in oe_topbar_name class to display the  username in short
and '...' format

task-3217427

Part-of: odoo/odoo#116811