ui: fix dashboard overflow and overlap with sidebar

decnet_web/src/components/Dashboard.tsx

@@ -154,7 +154,8 @@ const Dashboard: React.FC<DashboardProps> = ({ searchQuery }) => {
                                 backgroundColor: 'rgba(0, 255, 65, 0.1)', 
                                 padding: '2px 8px', 
                                 borderRadius: '4px', 
-                                border: '1px solid rgba(0, 255, 65, 0.3)' 
+                                border: '1px solid rgba(0, 255, 65, 0.3)',
+                                wordBreak: 'break-all'
                               }}>
                                 <span style={{ opacity: 0.6 }}>{k}:</span> {v}
                               </span>

decnet_web/src/components/Layout.css

@@ -14,6 +14,7 @@
   flex-direction: column;
   transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
+  flex-shrink: 0;
 }
 
 .sidebar.open {
@@ -108,6 +109,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  min-width: 0;
 }
 
 /* Topbar Styling */
@@ -127,7 +129,8 @@
   background-color: var(--secondary-color);
   border: 1px solid var(--border-color);
   padding: 4px 12px;
-  width: 400px;
+  max-width: 400px;
+  width: 100%;
 }
 
 .search-icon {