fix: add ellipsis truncation for long track and piano roll titles

src/components/piano-roll/PianoRoll.css

@@ -311,6 +311,7 @@
 
 .piano-roll-title {
   flex: 1;
+  min-width: 0;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
@@ -319,6 +320,9 @@
   cursor: text;
   padding: 5px;
   border-radius: 3px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .piano-roll-title-input {

src/components/track/Track.css

@@ -94,10 +94,12 @@
 /* Remove drag indicator since hover cursor is sufficient */
 
 .track-name {
-  display: flex;
-  align-items: center;
+  display: block;
   min-height: 24px;
+  width: 100%;
+  min-width: 0;
   font-size: 12px;
+  line-height: 24px;
   cursor: text;
   overflow: hidden;
   text-overflow: ellipsis;