fix: enhance code content display with syntax highlighting and improve logging structure

data/html/style.css

@@ -363,6 +363,18 @@ h1 .home-link:hover {
   scrollbar-width: thin;
 }
 
+.zoom-text-content.code-content {
+  background-color: var(--bg-primary);
+  border-color: var(--border-color);
+  overflow-x: auto;
+  white-space: pre;
+}
+
+.zoom-text-content.code-content code {
+  display: block;
+  white-space: pre;
+}
+
 .zoom-text-content::-webkit-scrollbar {
   width: 8px;
 }
@@ -393,7 +405,7 @@ h1 .home-link:hover {
   align-items: center;
   justify-content: center;
   z-index: 9999;
-  cursor: zoom-out;
+  cursor: default;
   padding: 20px;
   box-sizing: border-box;
 }
@@ -600,6 +612,18 @@ body.view-page {
   border: none;
 }
 
+.text-content-view.code-content {
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  overflow-x: auto;
+  white-space: pre;
+}
+
+.text-content-view.code-content code {
+  display: block;
+  white-space: pre;
+}
+
 .text-content-view::-webkit-scrollbar {
   width: 8px;
 }