feat: Enhance backend with request/SQL logging via morgan/winston and fix frontend by correctly rendering email Markdown content using the 'marked' library.

frontend/src/assets/main.css

@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
 /* Global Styles & Resets */
 *,
 *::before,
@@ -5,7 +6,7 @@
   box-sizing: border-box;
 }
 
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
+
 
 :root {
   --primary-purple: #6d28d9;
@@ -181,6 +182,15 @@ body {
   background-color: rgba(255, 255, 255, 0.3);
 }
 
+.btn-danger {
+  background-color: #ef4444; /* a nice red */
+  color: var(--text-light);
+}
+
+.btn-danger:hover {
+  background-color: #dc2626; /* a darker red */
+}
+
 /* Inbox Section */
 .inbox-section {
   width: 100%;
@@ -219,12 +229,36 @@ body {
     font-size: 1.25rem;
 }
 
-.refresh-btn {
+.header-actions {
+    display: flex;
+    gap: 0.5rem;
+}
+
+.header-actions button {
     background: none;
     border: none;
     cursor: pointer;
-    font-size: 1.5rem;
     color: var(--dark-grey);
+    padding: 0.25rem;
+    border-radius: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.header-actions button:hover:not(:disabled) {
+    background-color: var(--medium-grey);
+    color: var(--primary-purple);
+}
+
+.header-actions button:disabled {
+    color: #ccc;
+    cursor: not-allowed;
+}
+
+.header-actions .el-icon {
+    font-size: 1.25rem;
 }
 
 .message-item {