fix: truncate project name if it's too long

src/components/Toolbar.css

@@ -21,6 +21,7 @@
 .toolbar-left {
   display: flex;
   align-items: center;
+  min-width: 0;
 }
 
 .logo-container {
@@ -38,9 +39,13 @@
   font-size: 14px;
   color: #e0e0e0;
   margin-right: 20px;
-  display: flex;
+  display: block;
-  align-items: center;
+  min-width: 0;
+  max-width: 100%;
   pointer-events: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .toolbar button {

src/components/Toolbar.tsx

@@ -1042,6 +1042,7 @@ const Toolbar: React.FC = () => {
           <div
             className="project-name"
             onClick={handleProjectNameClick}
+            title={projectName}
           >
             {projectName}
           </div>