added hidden user placeholder

views/partials/message-user-placeholder.html

@@ -0,0 +1,30 @@
+<div class="message-user mt-3 is-hidden" id="msg-placeholder">
+    <div class="columns is-mobile">
+        <div class="column is-narrow" id="icon-column">
+            <figure class="image is-48x48 message-icon" style="flex-shrink: 0;">
+                <img src="icons/bouvai2.png" alt="User Image">
+            </figure>
+        </div>
+
+        <div class="column" id="content-column" style="width: 100px;">
+            <div class="is-flex is-align-items-start">
+                <div class="message-content" style="width: 100%; overflow-y: hidden;">
+                    <div class="message-header">
+                        <p>
+                            You
+                        </p>
+                    </div>
+                    <div class="message-body">
+                        <div class="content" style="overflow-x: auto; width: 100%;" id="content-placeholder">
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    // When receiving the SSE event 
+</script>

views/partials/popover-usage.html

@@ -9,7 +9,7 @@
         <div class="dropdown-content">
             <div class="dropdown-item">
                 <!-- Placeholder for additional text -->
-                <div class="content" style="max-height: 30vh; overflow-y: auto;">
+                <div class="content" id="usage-content" style="max-height: 30vh; overflow-y: auto;">
                     <table class="table is-narrow is-fullwidth is-striped">
                         <tbody>
                             {% for usage in usages %}
@@ -128,4 +128,18 @@
         white-space: nowrap;
         /* Prevent the text from wrapping */
     }
+
+    /* For Webkit-based browsers (Chrome, Safari) */
+    #usage-content::-webkit-scrollbar {
+        width: 0;
+        background: transparent;
+    }
+
+    /* For IE, Edge and Firefox */
+    #usage-content {
+        scrollbar-width: none;
+        /* Firefox */
+        -ms-overflow-style: none;
+        /* IE and Edge */
+    }
 </style>