style: Improve code block readability and formatting

- Add white-space: pre to prevent text wrapping
- Reduce font size to 0.9rem for better fit
- Improve line height to 1.4 for readability
- Format TOML patterns with proper indentation:
  - Arrays on separate lines with proper indentation
  - Each pattern on its own line
  - Clean, readable structure
- Format JSONL example with proper indentation:
  - Nested objects properly indented
  - Each property on separate line
  - Much more readable than minified JSON
- All code blocks now display properly without wrapping
- Maintains aesthetic appeal while improving readability

Author: script3r

static/index.html

@@ -74,10 +74,12 @@
             padding: 1.5rem;
             border-radius: 6px;
             font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-            font-size: 1rem;
+            font-size: 0.9rem;
             margin: 1rem 0;
             overflow-x: auto;
             position: relative;
+            white-space: pre;
+            line-height: 1.4;
         }
 
         .copy-btn {
@@ -200,7 +202,19 @@ <h4>Table Format (Default)</h4>
             <div class="output-section">
                 <h4>JSONL Format</h4>
                 <div class="code-block">
-{"language":"Rust","library":"RustCrypto","file":"src/main.rs","span":{"line":12,"column":5},"symbol":"aes_gcm::Aes256Gcm","snippet":"use aes_gcm::Aes256Gcm;","confidence":0.99,"detector_id":"detector-rust"}
+{
+  "language": "Rust",
+  "library": "RustCrypto",
+  "file": "src/main.rs",
+  "span": {
+    "line": 12,
+    "column": 5
+  },
+  "symbol": "aes_gcm::Aes256Gcm",
+  "snippet": "use aes_gcm::Aes256Gcm;",
+  "confidence": 0.99,
+  "detector_id": "detector-rust"
+}
                 </div>
             </div>
 
@@ -211,8 +225,14 @@ <h4>Patterns Configuration</h4>
 name = "PyCA cryptography"
 languages = ["Python"]
 [library.patterns]
-include = ["^\\s*from\\s+cryptography\\b"]
-apis = ["\\bFernet\\(", "\\.encrypt\\(", "\\.decrypt\\("]
+include = [
+  "^\\s*from\\s+cryptography\\b"
+]
+apis = [
+  "\\bFernet\\(",
+  "\\.encrypt\\(",
+  "\\.decrypt\\("
+]
                 </div>
                 <p style="margin-top: 0.8rem; color: #666; font-size: 0.9rem;">
                     Define import patterns and API calls for each library
@@ -223,8 +243,13 @@ <h4>Patterns Configuration</h4>
 name = "OpenSSL"
 languages = ["C", "C++"]
 [library.patterns]
-include = ["^\\s*#\\s*include\\s*<openssl/[A-Za-z0-9_./-]+>"]
-apis = ["\\bEVP_[A-Za-z0-9_]+\\s*\\(", "\\bRSA_[A-Za-z0-9_]+\\s*\\("]
+include = [
+  "^\\s*#\\s*include\\s*<openssl/[A-Za-z0-9_./-]+>"
+]
+apis = [
+  "\\bEVP_[A-Za-z0-9_]+\\s*\\(",
+  "\\bRSA_[A-Za-z0-9_]+\\s*\\("
+]
                 </div>
                 <p style="margin-top: 0.8rem; color: #666; font-size: 0.9rem;">
                     C/C++ libraries use include patterns and function calls