Enhance UI and functionality across multiple components

- Updated styles in style.css to improve overall design consistency and introduced CSS variables for better theming.
- Refined ChatWindow.vue with improved no-conversation styling and adjusted image borders for a cleaner look.
- Enhanced HistoryView.vue and InboxView.vue with new panel styles for better user experience and readability.
- Revamped LoginForm.vue to provide a more engaging user interface with a landing page layout and cookie-based profile persistence.
- Improved MenuBar.vue and SearchView.vue with active state indicators and refined item displays for better navigation.
- Added logout functionality in chat store and server routes to manage user sessions effectively.
- Introduced a new mockup view route for design previews.

These changes collectively enhance the user experience and visual appeal of the application.

client/src/components/ChatWindow.vue

@@ -107,7 +107,10 @@ function formatTime(timestamp) {
 .no-conversation {
   padding: 20px;
   text-align: center;
-  color: #666;
+  color: #637067;
+  border: 1px dashed #d7dfd9;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.72);
 }
 
 .messages-container {
@@ -118,7 +121,7 @@ function formatTime(timestamp) {
 .chat-image {
   max-width: 200px;
   max-height: 200px;
-  border-radius: 4px;
+  border-radius: 8px;
   margin-top: 0.5em;
   display: block;
   cursor: pointer;
@@ -151,7 +154,8 @@ function formatTime(timestamp) {
   width: 80%;
   height: 80%;
   background-color: #fff;
-  border-radius: 8px;
+  border-radius: 14px;
+  border: 1px solid #d7dfd9;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -166,7 +170,7 @@ function formatTime(timestamp) {
   background-color: rgba(0, 0, 0, 0.5);
   color: #fff;
   border: none;
-  border-radius: 50%;
+  border-radius: 10px;
   width: 40px;
   height: 40px;
   font-size: 28px;
@@ -190,4 +194,3 @@ function formatTime(timestamp) {
   border-radius: 4px;
 }
 </style>
-