chore: tweak user list display

web/src/components/UserList.tsx

@@ -20,6 +20,7 @@ const UserList = () => {
   }, []);
 
   return (
+    users.length > 0 && (
       <div className="w-full mt-2 flex flex-col p-2 bg-gray-50 dark:bg-black rounded-lg">
         <div className="w-full flex flex-row justify-between items-center">
           <span className="text-gray-400 font-medium text-sm pl-1">Users</span>
@@ -35,12 +36,15 @@ const UserList = () => {
             <Link className="w-full flex flex-row items-center" to={`/u/${encodeURIComponent(user.username)}`} unstable_viewTransition>
               <UserAvatar className="mr-2 shrink-0" avatarUrl={user.avatarUrl} />
               <div className="w-full flex flex-col justify-center items-start">
-              <span className="text-gray-600 leading-tight max-w-[80%] truncate dark:text-gray-400">{user.nickname || user.username}</span>
+                <span className="text-gray-600 leading-tight max-w-[80%] truncate dark:text-gray-400">
+                  {user.nickname || user.username}
+                </span>
               </div>
             </Link>
           </div>
         ))}
       </div>
+    )
   );
 };