Make NPM Downloads list compact and centered for improved readability

Co-authored-by: Boshen <1430279+Boshen@users.noreply.github.com>

Author: Copilot

apps/dashboard/src/App.css

@@ -325,11 +325,13 @@
 
 /* NPM Downloads List */
 .npm-downloads-list-container {
-  margin-bottom: 2rem;
+  margin: 0 auto 2rem auto;
   border-radius: 0.5rem;
   border: 1px solid #e2e8f0;
   background: white;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  max-width: 500px;
+  width: fit-content;
 }
 
 .npm-downloads-list {
@@ -342,11 +344,12 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0.75rem 1.25rem;
+  padding: 0.5rem 1rem;
   border-bottom: 1px solid #e2e8f0;
   transition: all 0.2s ease;
   cursor: pointer;
-  gap: 1rem;
+  gap: 0.75rem;
+  min-width: fit-content;
 }
 
 .npm-download-item:hover {
@@ -365,14 +368,15 @@
 
 .npm-download-item .package-name {
   font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-  font-size: 0.9rem;
+  font-size: 0.875rem;
   font-weight: 500;
   color: #374151;
   background: #f1f5f9;
-  padding: 0.375rem 0.75rem;
-  border-radius: 0.375rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
   border: 1px solid #cbd5e1;
   min-width: fit-content;
+  white-space: nowrap;
 }
 
 .npm-download-item .download-badge {