Enhance logging display in dev panel with structured output and improved styling

backend/templates/dev_panel.html

@@ -16,13 +16,20 @@
             {% match log.read_content(current_log_file) %}
             {% when Ok(lines) %}
                 {% for l in lines %}
-                    <div class="
-                    {% if loop.index0 % 2 == 0 %}
-                        log-line-even
+                    <div class="line
+                    {%~ if loop.index0 % 2 == 0 %}
+                        even
                     {% else %}
-                        log-line-odd
+                        odd
                     {% endif %}
-                    " >{{ l }}</div>
+                    " >
+                    {% let l_info = Log::split_line(l) %}
+                    <span class="date-time">{{ l_info.date_time }}</span>
+                    <span class="level {{~ l_info.level }}">{{ l_info.level }}</span>
+                    <span class="thread-name">{{ l_info.thread_name }}</span>
+                    <span class="thread-id">{{ l_info.thread_id }}</span>
+                    <span class="message">{{ l_info.message | linebreaksbr }}</span>
+                </div>
                 {% endfor %}
             {% when Err(err) %}
                 Error reading log: {{ err }}