do not auto translate profile logins and locations

Author: maslianok

app/profile/[login]/components/layout-left-column.tsx

@@ -46,8 +46,12 @@ export const LayoutLeftColumn: FC<LayoutLeftColumnProps> = ({ user, children, cl
             </Avatar>
           </AvatarContainer>
           <NameContainer>
-            <h1 className="font-semibold text-2xl">{user.name}</h1>
-            <h2 className="text-muted-foreground">@{user.login}</h2>
+            <h1 className="font-semibold text-2xl" translate="no">
+              {user.name}
+            </h1>
+            <h2 className="text-muted-foreground" translate="no">
+              @{user.login}
+            </h2>
           </NameContainer>
         </AvatarAndNameContainer>
         <ActionsContainer>

components/ranking-table/ranking-table.tsx

@@ -45,7 +45,7 @@ export const RankingTable: FC<RankingTableProps> = ({ rankingType, data, countri
                 <UserCard login={user?.login} avatarUrl={user?.avatarUrl} />
               </TableCell>
               <TableCell className="hidden sm:table-cell break-all whitespace-normal">
-                {getCountryFlag(countries, user?.country)} {user?.location}
+                {getCountryFlag(countries, user?.country)} <span translate="no">{user?.location}</span>
               </TableCell>
               <TableCell className="text-right">{user?.[rankPropName]?.toLocaleString('en-US')}</TableCell>
             </ClickableRow>

components/user-card/user-card.tsx

@@ -14,7 +14,7 @@ export const UserCard: FC<UserCardProps> = ({ login, avatarUrl, avatarClassName
   return (
     <LinkWithStopPropagation href={`/profile/${login}`}>
       <ProfileAvatar url={avatarUrl} initials={getInitials(login)} className={avatarClassName} />
-      {login}
+      <span translate="no">{login}</span>
     </LinkWithStopPropagation>
   );
 };