Bugfix/ux pass 2 (#1107)

* Adding margin bottom to series detail tabs

* Styling tag badges with green on dark

- Added 3 new css vars

* Removing underline from readmore

* Fixing see more to be on one line

* adding gutter to see more

* Changing queue toasts to info

* adding api key tooltip

* Updating active accordion on user preference.

* Fixing search bar and close btn position

* Fixed a bug where entering book reader in dark mode then closing out, would leave you in a broken white state.

* Fixed broken wiki links

Co-authored-by: Joseph Milazzo <joseph.v.milazzo@gmail.com>

UI/Web/src/app/user-settings/api-key/api-key.component.html

@@ -5,7 +5,10 @@
         <input #apiKey type="text" readonly class="form-control" id="api-key--{{title}}" aria-describedby="button-addon4" [value]="key" (click)="selectAll()">
         <div id="button-addon4">
             <button class="btn btn-outline-secondary" type="button" (click)="copy()"><span class="visually-hidden">Copy</span><i class="fa fa-copy" aria-hidden="true"></i></button>
-            <button class="btn btn-danger" type="button" (click)="refresh()" *ngIf="showRefresh"><span class="visually-hidden">Regenerate</span><i class="fa fa-sync-alt" aria-hidden="true"></i></button>
+            <button class="btn btn-danger" type="button" [ngbTooltip]="tipContent" (click)="refresh()" *ngIf="showRefresh"><span class="visually-hidden">Regenerate</span><i class="fa fa-sync-alt" aria-hidden="true"></i></button>
         </div>
+        <ng-template #tipContent>
+            Regenerating your API key will invalidate any existing clients.
+        </ng-template>
     </div>
 </div>

UI/Web/src/app/user-settings/series-bookmarks/series-bookmarks.component.html

@@ -1,5 +1,5 @@
 <p *ngIf="series.length === 0 && !loadingBookmarks">
-    There are no bookmarks. Try creating <a href="https://wiki.kavitareader.com/guides/webreader/bookmarks" target="_blank">one&nbsp;<i class="fa fa-external-link-alt" aria-hidden="true"></i></a>.
+    There are no bookmarks. Try creating <a href="https://wiki.kavitareader.com/en/guides/get-started-using-your-library/bookmarks" target="_blank">one&nbsp;<i class="fa fa-external-link-alt" aria-hidden="true"></i></a>.
 </p>
 <ul class="list-group">
     <li *ngFor="let series of series" class="list-group-item">

UI/Web/src/app/user-settings/user-preferences/user-preferences.component.html

@@ -8,8 +8,8 @@
                 <p>
                     These are global settings that are bound to your account. 
                 </p>
-                
-                <ngb-accordion [closeOthers]="true" activeIds="site-panel" #acc="ngbAccordion">
+                 
+                <ngb-accordion [closeOthers]="true" activeIds="reading-panel" #acc="ngbAccordion">
                         <!-- <ngb-panel id="site-panel" title="Site">
                             <ng-template ngbPanelHeader>
                                 <h2 class="accordion-header">