fix: improve status bar display and scrollbar styling

- Restore status bar word count by fixing NotesPanel syntax error
- Remove note ID from status bar to reduce clutter
- Add cache clearing for production Electron app to ensure latest version
- Simplify scrollbar styling with proper light/dark mode colors
- Add code quality and commit activity badges to README

Author: rui-typelets

README.md

@@ -6,6 +6,8 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![CI](https://github.com/typelets/typelets-app/actions/workflows/release.yml/badge.svg)](https://github.com/typelets/typelets-app/actions)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md)
+[![Code Quality](https://img.shields.io/codefactor/grade/github/typelets/typelets-app?style=for-the-badge)](https://www.codefactor.io/repository/github/typelets/typelets-app)
+[![Commit Activity](https://img.shields.io/github/commit-activity/m/typelets/typelets-app?style=for-the-badge)](https://github.com/typelets/typelets-app/commits/main)
 
 [![React](https://img.shields.io/badge/React-19-blue?logo=react)](https://react.dev/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.8-blue?logo=typescript)](https://www.typescriptlang.org/)

apps/desktop/src/main.ts

@@ -31,8 +31,10 @@ function createWindow(): void {
     show: true
   });
 
+  // Always clear cache to ensure latest version
+  mainWindow.webContents.session.clearCache();
+
   if (isDev) {
-    mainWindow.webContents.session.clearCache();
     mainWindow.webContents.openDevTools();
   }
 

src/index.css

@@ -131,42 +131,35 @@
     font-family: var(--font-sans);
   }
 
-  /* Chrome scrollbar styling for Windows */
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: oklch(0.556 0 0) transparent;
-  }
-
-  .dark * {
-    scrollbar-color: oklch(0.556 0 0) transparent;
-  }
-
-  /* Webkit scrollbars for Chrome/Safari */
+  /* Simple scrollbar styling */
   *::-webkit-scrollbar {
     width: 8px;
     height: 8px;
   }
 
   *::-webkit-scrollbar-track {
-    background: transparent;
+    background: #f1f1f1;
   }
 
   *::-webkit-scrollbar-thumb {
-    background-color: oklch(0.556 0 0);
+    background: #c1c1c1;
     border-radius: 4px;
-    border: 2px solid transparent;
-    background-clip: content-box;
   }
 
   *::-webkit-scrollbar-thumb:hover {
-    background-color: oklch(0.708 0 0);
+    background: #a8a8a8;
+  }
+
+  /* Dark mode */
+  .dark *::-webkit-scrollbar-track {
+    background: #2a2a2a;
   }
 
   .dark *::-webkit-scrollbar-thumb {
-    background-color: oklch(0.708 0 0);
+    background: #555;
   }
 
   .dark *::-webkit-scrollbar-thumb:hover {
-    background-color: oklch(0.556 0 0);
+    background: #777;
   }
 }