Linked Series (#1230)

* Implemented the ability to link different series together through Edit Series. CSS pending.

* Fixed up the css for related cards to show the relation

* Working on making all tabs in edit seris modal save in one go. Taking a break.

* Some fixes for Robbie to help with styling on

* Linked series pill, center library

* Centering library detail and related pill spacing

- Library detail cards are now centered if total number of items is > 6 or if mobile.
- Added ability to determine if mobile (viewport width <= 480px
- Fixed related card spacing
- Fixed related card pill spacing

* Updating relation form spacing

* Fixed a bug in card detail layout when there is no pagination, we create one in a way that all items render at once.

* Only auto-close side nav on phones, not tablets

* Fixed a bug where we had flipped state on sideNavCollapsed$

* Cleaned up some misleading comments

* Implemented RBS back in and now  if you have a relationship besides prequel/sequel, the target series will show a link back to it's parent.

* Added Parentto pipe

* Missed a relationship type

Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>

UI/Web/src/app/cards/_modals/edit-series-modal/edit-series-modal.component.html

@@ -330,7 +330,13 @@
                   </ng-template>
                 </li>
                 <li [ngbNavItem]="tabs[4]">
-                  <a ngbNavLink>{{tabs[4]}}</a>
+                    <a ngbNavLink>{{tabs[4]}}</a>
+                    <ng-template ngbNavContent>
+                      <app-edit-series-relation [series]="series" [save]="saveNestedComponents"></app-edit-series-relation>
+                    </ng-template>
+                  </li>
+                <li [ngbNavItem]="tabs[5]">
+                  <a ngbNavLink>{{tabs[5]}}</a>
                   <ng-template ngbNavContent>
                     <h4>Information</h4>
                     <div class="row g-0 mb-2">