feat: implement epub service, navigation service, and global error boundary with updated reader UI layouts

src/NexusReader.UI.Shared/Layout/MainLayout.razor.css

@@ -12,10 +12,18 @@
 .reader-pane {
     background: #F9F9F9;
     position: relative;
-    overflow-y: auto;
+    overflow: hidden;
     display: flex;
     flex-direction: column;
     z-index: 5;
+    height: 100vh;
+}
+
+main {
+    flex: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    position: relative;
 }
 
 .intelligence-sidebar {
@@ -23,22 +31,30 @@
     grid-template-columns: 50px 1fr;
     width: 450px;
     height: 100%;
-    background: #121212;
-    border-left: 1px solid rgba(255, 255, 255, 0.1);
+    background: #0d0d0d;
+    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.3);
+    border-left: 1px solid rgba(255, 255, 255, 0.05);
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     overflow: hidden;
+    z-index: 10;
 }
 
+
 .app-container.focus-mode-active {
-    grid-template-columns: 1fr 0px;
+    grid-template-columns: 1fr 50px;
 }
 
 .app-container.focus-mode-active .intelligence-sidebar {
-    width: 0;
-    border-left-width: 0;
-    opacity: 0;
+    width: 50px;
+    grid-template-columns: 50px 0px;
 }
 
+.app-container.focus-mode-active .intelligence-content {
+    opacity: 0;
+    pointer-events: none;
+}
+
+
 
 .intelligence-content {
     display: flex;
@@ -77,11 +93,6 @@
     flex-direction: column;
 }
 
-main {
-    flex: 1;
-    padding-bottom: 40px; /* footer height */
-}
-
 /* Platform Specifics */
 .platform-mobile .intelligence-sidebar {
     position: fixed;
@@ -91,3 +102,22 @@ main {
     width: 80%;
     z-index: 100;
 }
+
+#blazor-error-ui {
+    background: lightyellow;
+    bottom: 0;
+    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
+    display: none;
+    left: 0;
+    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
+    position: fixed;
+    width: 100%;
+    z-index: 1000;
+}
+
+#blazor-error-ui .dismiss {
+    cursor: pointer;
+    position: absolute;
+    right: 0.75rem;
+    top: 0.5rem;
+}