Add keyboard tips

app/assets/stylesheets/settings.css

@@ -86,4 +86,16 @@
       }
     }
   }
+
+  .settings__user-list-tips {
+    border-top: 1px solid var(--color-ink-light);
+    color: var(--color-ink-dark);
+    font-size: var(--text-small);
+    padding-block-start: var(--settings-spacer);
+
+    .settings__user-filter--bg & {
+      margin-inline: calc(-1 * var(--settings-spacer));
+      padding-inline: var(--settings-spacer);
+    }
+  }
 }

app/views/accounts/settings/_users.html.erb

@@ -13,5 +13,9 @@
     <ul class="settings__user-list" data-filter-target="list">
       <%= render partial: "accounts/user", collection: users %>
     </ul>
+
+    <footer class="settings__user-list-tips">
+      Press <kbd class="kbd">↑</kbd><kbd class="kbd">↓</kbd> to move, <kbd class="kbd">enter</kbd> to visit profile, <kbd class="kbd">SHIFT+ENTER</kbd> to toggle.
+    </footer>
   </div>
 <% end %>

app/views/collections/edit/_users.html.erb

@@ -24,4 +24,8 @@
     <%= access_toggles_for selected_users, selected: true %>
     <%= access_toggles_for unselected_users, selected: false %>
   </ul>
+
+  <footer class="settings__user-list-tips">
+    Press <kbd class="kbd">↑</kbd><kbd class="kbd">↓</kbd> to move, <kbd class="kbd">enter</kbd> to visit profile, <kbd class="kbd">SHIFT+ENTER</kbd> to toggle.
+  </footer>
 <% end %>