Refactor message manager layout and enhance message detail functionality

- Updated HTML structure for better organization of message components.
- Introduced inline expansion for message details, allowing users to view additional information without navigating away.
- Enhanced JavaScript to manage expanded row states and improve user interaction with message lists.
- Added new payload descriptor table styles for better readability and user experience.
- Updated CSS to support new layout and styling for message components and payload descriptors.

Author: sfc-gh-rgoldin

pages/messageManager.html

@@ -38,12 +38,12 @@
             <div class="picController picControlPanel control-panel" style="display:block;"></div>
         </header>
         <div class="messageContainer">
-            <div>
-                <div class="picMessages picControlPanel control-panel" style="display:block;"></div>
-            </div>
-            <div>
+            <div class="sendQueueTopContainer">
                 <div class="picSendMessageQueue picControlPanel control-panel" style="display:block;"></div>
-                <div class="picMessageDetail picControlPanel control-panel" style="display:block;"></div>
+            </div>
+            <div class="messagesContentContainer">
+                <div class="picMessages picControlPanel control-panel" style="display:block;"></div>
+                <div class="picMessageDetail picControlPanel control-panel" style="display:none;"></div>
             </div>
         </div>
     </div>