fix(user): trunck when long username (#1048)

<img width="340"
src="https://github.com/user-attachments/assets/8b8fd845-0aef-4907-803f-7f2226a933ab"
/>
<img width="1069"
src="https://github.com/user-attachments/assets/d196d9bc-792b-4ffc-b0fa-367178e4cff3"
/>

Author: AugustinMauroy

frontend/routes/account/(_components)/AccountLayout.tsx

@@ -20,8 +20,8 @@ export function AccountLayout({ user, active, children }: AccountLayoutProps) {
           src={user.avatarUrl}
           alt="user icon"
         />
-        <div>
-          <h1 class="text-2xl leading-none font-semibold">
+        <div class="max-w-60 md:max-w-32 lg:max-w-40">
+          <h1 class="text-2xl leading-none font-semibold truncate">
             {user.name}
           </h1>
           <p class="text-xs text-jsr-gray-600">