2.0 UX Changes (#295)

Partially addresses #237
- Unhides the load button on smaller screen sizes
  - There's no way to actually load new web archives when this is hidden
- Minor text updates
  - Renames MIME Type to Media Type
  - Punctuation fixes
- Reorder main application controls (#237)
  - Group navigation related controls together on the left side
  - Move full screen to the right side
  - Enable navigation controls on mobile
- Renames URLs tab to Resources - now that we have more space (because we moved the archived item info
to a dialog), we can make these titles visible when space is available to do so!
  - This is now in-line with the docs (both current and new!)

src/url-resources.ts

@@ -63,7 +63,7 @@ class URLResources extends LitElement {
       },
       {
         key: "mime",
-        name: "Mime Type",
+        name: "Media Type",
       },
       {
         key: "status",
@@ -504,7 +504,7 @@ class URLResources extends LitElement {
                     ? "desc"
                     : "asc"
                   : ""}"
-                >Mime Type</a
+                >Media Type</a
               >
             </th>
             <th scope="col" class="column col-status is-1 is-hidden-mobile">
@@ -552,7 +552,7 @@ class URLResources extends LitElement {
                       ${new Date(result.date).toLocaleString()}
                     </td>
                     <td class="column col-mime is-3">
-                      <p class="minihead is-hidden-tablet">Mime Type</p>
+                      <p class="minihead is-hidden-tablet">Media Type</p>
                       ${result.mime}
                     </td>
                     <td class="column col-status is-1">