UX: better password reset error page (#18970)

app/views/users/password_reset.html.erb

@@ -1,16 +1,20 @@
 <div id="simple-container">
   <%if @error%>
-    <div class='alert alert-error'>
-      <%= @error.html_safe %>
+    <div class='invite-error'>
+      <div class="error-image">
+        <img src="/images/sweat-smile-face.svg" alt="sweat-smile-face emoji">
+      </div>
+      <div class="error-info">
+        <%= @error.html_safe %>
+
+        <% if @user.present? and @user.errors.present? %>
+          <% @user.errors.full_messages.each do |msg| %>
+            <li><%= msg %></li>
+          <% end %>
+        <% end %>
+      </div>
     </div>
   <%end%>
-  <% if @user.present? and @user.errors.present? %>
-    <div class='alert alert-error'>
-      <% @user.errors.full_messages.each do |msg| %>
-        <li><%= msg %></li>
-      <% end %>
-    </div>
-  <% end %>
 </div>
 
 <% content_for :title do %><%=t "password_reset.title" %> - <%= SiteSetting.title %><% end %>