Position rank badge at top-right corner of user card

js/main.js

@@ -248,10 +248,7 @@ async function loadUsers() {
         card.innerHTML = `
           <div class="user-avatar">${avatarContent}</div>
           <div class="user-info">
-            <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
-              <h4 style="margin:0">${user.username || 'N/A'}</h4>
-              <span class="rank-badge rank-${rank.level}">${rank.emoji} ${rank.title}</span>
-            </div>
+            <h4 style="margin:0">${user.username || 'N/A'}</h4>
             <p class="user-company">${user.company || ''}</p>
             <p class="user-email">${user.email ? `<a href="mailto:${user.email}">${user.email}</a>` : ''}</p>
             <p class="user-homepage">${user.homepage ? `<a href="${user.homepage.startsWith('http') ? '' : 'https://'}${user.homepage}" target="_blank">${user.homepage}</a>` : ''}</p>
@@ -259,6 +256,7 @@ async function loadUsers() {
             <p class="user-description">${user.Description || ''}</p>
             ${user.posts ? `<p class="user-posts">${user.posts} <span class="hide-de">Beiträge</span><span class="hide-en">posts</span></p>` : ''}
           </div>
+          <span class="rank-badge rank-${rank.level}" title="${rank.emoji} ${rank.title}">${rank.emoji} ${rank.title}</span>
         `;
         card.addEventListener('click', () => openUserDetailModal(user));
         usersContainer.appendChild(card);