fix: years added to timeline

src/renderer/components/Editor/Editor.css

@@ -519,12 +519,23 @@
 }
 
 .timeline-bar-label {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   font-size: 9px;
   color: var(--vscode-descriptionForeground);
   margin-top: 4px;
+  line-height: 1.15;
+}
+
+.timeline-bar-label-month {
   white-space: nowrap;
 }
 
+.timeline-bar-label-year {
+  font-size: 8px;
+}
+
 /* Tag cloud */
 .tag-cloud {
   display: flex;

src/renderer/components/Editor/Editor.tsx

@@ -1619,7 +1619,10 @@ const Dashboard: React.FC = () => {
                   <div className="timeline-bar" style={{ height: `${(entry.count / maxCount) * 100}%` }}>
                     <span className="timeline-bar-count">{entry.count}</span>
                   </div>
-                  <div className="timeline-bar-label">{monthFormatter.format(new Date(entry.year, entry.month, 1))}</div>
+                  <div className="timeline-bar-label">
+                    <span className="timeline-bar-label-month">{monthFormatter.format(new Date(entry.year, entry.month, 1))}</span>
+                    <span className="timeline-bar-label-year">{entry.year}</span>
+                  </div>
                 </div>
               ))}
             </div>