docs: Update manga EPUB implementation guide

- Add markdownlint disable directives for linting
- Update SQL examples for consistency
- Update templ examples for panel detection integration
- Update TypeScript examples for reader shell configuration

MANGA_EPUB_IMPLEMENTATION.md

@@ -1,3 +1,6 @@
+<!-- markdownlint-disable MD010 -->
+<!-- markdownlint-disable MD013 -->
+
 # Manga EPUB and Panel Detection Implementation
 
 **Status:** Ready to implement  
@@ -843,10 +846,10 @@ import { Alpine } from "../alpine";
 document.addEventListener("alpine:init", () => {
   Alpine.data("readerShell", () => ({
     enablePanelDetection: false,
-		libraryType: '',
+    libraryType: "",
-		formatGroup: '',
+    formatGroup: "",
-		mangaType: '',
+    mangaType: "",
-		readingDirection: '',
+    readingDirection: "",
     panelDetector: null,
 
     initReader(config: any) {
@@ -859,7 +862,7 @@ document.addEventListener("alpine:init", () => {
       console.log("Reader initialized with:", {
         panelDetection: this.enablePanelDetection,
         library: this.libraryType,
-				format: this.formatGroup
+        format: this.formatGroup,
       });
 
       // Only load panel detection if enabled
@@ -871,7 +874,7 @@ document.addEventListener("alpine:init", () => {
     async loadPanelDetection() {
       try {
         // Dynamic import to only load when needed
-				const { PanelDetector } = await import('foliate-js/panel-detection.js');
+        const { PanelDetector } = await import("foliate-js/panel-detection.js");
         this.panelDetector = new PanelDetector();
         console.log("Panel detection loaded successfully");
       } catch (error) {
@@ -889,7 +892,7 @@ document.addEventListener("alpine:init", () => {
       const view = document.querySelector("#reader-view");
       // @ts-ignore - foliate custom element
       view?.prev?.();
-		}
+    },
   }));
 
   Alpine.start();