on profile page, repeat button for all posts at the top of the list

[cellio]

On the user profile page, copies the "show all" button from the bottom of the post list to the top as well. We could make the heading a link instead of having the button, but since it's the same operation maybe we want the same UI presentation. I'm open to changing that, though we only want the link if there are posts, so it complicates the view a little. I tried putting a link next to or immediately below the heading instead, but it looked ugly -- maybe just a matter of spacing.

Fixes #1106.

A problem with "just go to the bottom of the page" is that on mobile the "right column" is at the bottom, so this button is somewhere in the middle.

[Oaphi]

How about we do something like this?

Example implementation:

show.html.erb

      <div class="user-profile-heading">
        <h2 class="has-margin-0">Posts</h2>
        <% if @posts.size > 0 %>
          <%= link_to user_posts_path(@user), class: "button is-muted", 'aria-label': "View all posts by #{rtl_safe_username(@user)}" do %>
            See all &raquo;
          <% end %>
        <% end %>
      </div>
      <% if @posts.size == 0 %>
        <p><span dir="ltr"><%= rtl_safe_username(@user) %></span> hasn't posted anything yet.</p>
      <% else %>

users.scss

.user-profile-heading {
  padding: 0.5em 0 0.5em 0.5em;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

[cellio]

How about we do something like this?

That would be much better! I couldn't figure out how to lay that out. Thanks.

Outdated as per discussion