add translate

src/web/components/profile.ts

@@ -19,24 +19,17 @@ export async function renderProfile(
     : `<span>@${escapeHtml(handle)}</span>`
 
   const avatarHtml = avatarUrl
-    ? `<a href="/"><img class="profile-avatar" src="${avatarUrl}" alt="${displayName}"></a>`
-    : `<a href="/"><div class="profile-avatar-placeholder"></div></a>`
+    ? `<img src="${avatarUrl}" alt="${escapeHtml(displayName)}" class="profile-avatar">`
+    : `<div class="profile-avatar-placeholder"></div>`
 
   return `
     <div class="profile">
-      <div class="profile-row">
-        ${avatarHtml}
-        <div class="profile-meta">
-          <span class="profile-name">${escapeHtml(displayName)}</span>
-          <span class="profile-handle">${handleHtml}</span>
-        </div>
+      ${avatarHtml}
+      <div class="profile-info">
+        <h1 class="profile-name">${escapeHtml(displayName)}</h1>
+        <p class="profile-handle">${handleHtml}</p>
+        ${description ? `<p class="profile-desc">${escapeHtml(description)}</p>` : ''}
       </div>
-      ${description ? `
-      <div class="profile-row">
-        <div class="profile-avatar-spacer"></div>
-        <p class="profile-description">${escapeHtml(description)}</p>
-      </div>
-      ` : ''}
     </div>
   `
 }