add links to browsable API. Fix minor bugs.

app/components/nav/topbar.hbs

@@ -43,6 +43,14 @@
                 Documentation
               </a>
             </li>
+            <li class="dropdown-item">
+              <i class="fa fa-book mx-2"></i>
+              <a
+                href="{{this.browsable_api_url}}"
+                class="text-decoration-none">
+                Browsable API
+              </a>
+            </li>
             <li class="dropdown-item">
               <i class="fa fa-question-circle mx-2"></i>
               <a href="#" class="text-decoration-none">About</a>

app/components/nav/topbar.js

 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { service } from '@ember/service';
+import { base_url } from 'papermerge/utils/host';
 
 
 export default class TopbarComponent extends Component {
@@ -16,4 +17,8 @@ export default class TopbarComponent extends Component {
   onSidebarToggle() {
     this.args.onSidebarToggle();
   }
+
+  get browsable_api_url() {
+    return base_url();
+  }
 }

app/controllers/login.js

@@ -42,4 +42,8 @@ export default class LoginController extends Controller {
   get inProgress() {
     return this.in_progress;
   }
+
+  get browsable_api_url() {
+    return base_url();
+  }
 }

app/templates/login.hbs

@@ -21,5 +21,10 @@
 
       </div> <!-- card-body -->
     </div> <!-- card -->
+
+    <ul class="list-inline list-unstiled p-3">
+      <li class="list-inline-item"><a class="text-decoration-none m-2" href="https://docs.papermerge.io">Documentation</a></li>
+      <li class="list-inline-item"><a class="text-decoration-none m-2" href="{{this.browsable_api_url}}">Browsable API</a></li>
+    </ul>
   </div>
 </main>

app/utils/host.js

@@ -37,7 +37,7 @@ function ws_base_url() {
     // user can override BACKEND HOST by providing
     // ENV.APP.HOST value
     // e.g. ENV.APP.HOST = 'ws://127.0.0.1:8000';
-    base = ENV.WS_APP.HOST;
+    base = ENV.APP.WS_HOST;
   }
 
   if (!ENV.APP.WS_NAMESPACE) {