Manga Reader Refresh (#1137)

* Refactored manga reader to use a regular image element for all cases except for split page rendering

* Fixed a weird issue where ordering of routes broke redireciton in one case.

* Added comments to a lot of the enums and refactored READER_MODE to be ReaderMode and much more clearer on function.

* Added bookmark effect on image renderer

* Implemented keyboard shortcut modal

* Introduced the new layout mode into the manga reader, updated preferences, and updated bookmark to work for said functionality. Need to implement renderer now

* Hooked in ability to show double pages but all the css is broken. Committing for help from Robbie.

* Fixed an issue where Language tag in metadata edit wasn't being updated

* Fixed up some styling on mobile for edit series detail

* Some css fixes

* Hooked in ability to set background color on reader (not implemented in reader). Optimized some code in ArchiveService to avoid extra memory allocations.

* Hooked in background color, generated the migration

* Fixed a bug when paging to cover images, full height would be used instead of full-width for cover images

* New option in reader to show screen hints (on by default). You can disable in user preferences which will stop showing pagination overlay hints

* Lots of fixes for double rendering mode

* Bumped the amount of cached pages to 8

* Fixed an issue where dropdowns weren't being locked on form manipulation

API/DTOs/UserPreferencesDto.cs

@@ -5,18 +5,74 @@ namespace API.DTOs
 {
     public class UserPreferencesDto
     {
+        /// <summary>
+        /// Manga Reader Option: What direction should the next/prev page buttons go
+        /// </summary>
         public ReadingDirection ReadingDirection { get; set; }
+        /// <summary>
+        /// Manga Reader Option: How should the image be scaled to screen
+        /// </summary>
         public ScalingOption ScalingOption { get; set; }
+        /// <summary>
+        /// Manga Reader Option: Which side of a split image should we show first
+        /// </summary>
         public PageSplitOption PageSplitOption { get; set; }
+        /// <summary>
+        /// Manga Reader Option: How the manga reader should perform paging or reading of the file
+        /// <example>
+        /// Webtoon uses scrolling to page, LeftRight uses paging by clicking left/right side of reader, UpDown uses paging
+        /// by clicking top/bottom sides of reader.
+        /// </example>
+        /// </summary>
         public ReaderMode ReaderMode { get; set; }
+        /// <summary>
+        /// Manga Reader Option: How many pages to display in the reader at once
+        /// </summary>
+        public LayoutMode LayoutMode { get; set; }
+        /// <summary>
+        /// Manga Reader Option: Background color of the reader
+        /// </summary>
+        public string BackgroundColor { get; set; } = "#000000";
+        /// <summary>
+        /// Manga Reader Option: Allow the menu to close after 6 seconds without interaction
+        /// </summary>
         public bool AutoCloseMenu { get; set; }
+        /// <summary>
+        /// Manga Reader Option: Show screen hints to the user on some actions, ie) pagination direction change
+        /// </summary>
+        public bool ShowScreenHints { get; set; } = true;
+        /// <summary>
+        /// Book Reader Option: Should the background color be dark
+        /// </summary>
         public bool BookReaderDarkMode { get; set; } = false;
+        /// <summary>
+        /// Book Reader Option: Override extra Margin
+        /// </summary>
         public int BookReaderMargin { get; set; }
+        /// <summary>
+        /// Book Reader Option: Override line-height
+        /// </summary>
         public int BookReaderLineSpacing { get; set; }
+        /// <summary>
+        /// Book Reader Option: Override font size
+        /// </summary>
         public int BookReaderFontSize { get; set; }
+        /// <summary>
+        /// Book Reader Option: Maps to the default Kavita font-family (inherit) or an override
+        /// </summary>
         public string BookReaderFontFamily { get; set; }
+        /// <summary>
+        /// Book Reader Option: Allows tapping on side of screens to paginate
+        /// </summary>
         public bool BookReaderTapToPaginate { get; set; }
+        /// <summary>
+        /// Book Reader Option: What direction should the next/prev page buttons go
+        /// </summary>
         public ReadingDirection BookReaderReadingDirection { get; set; }
+        /// <summary>
+        /// UI Site Global Setting: The UI theme the user should use.
+        /// </summary>
+        /// <remarks>Should default to Dark</remarks>
         public SiteTheme Theme { get; set; }
     }
 }