feat: add middle-click tab closing functionality

This commit enhances the tab management experience by allowing users to close tabs using the middle mouse button, provided the tab is not pinned. This addition improves usability and provides a more intuitive way to manage open tabs.

Author: danielss-dev

src/components/layout/MainContent.tsx

@@ -87,6 +87,13 @@ function TabItem({ tab, isActive, onClose, onClick }: {
           : "text-muted-foreground hover:text-foreground/80 hover:bg-muted/40"
       )}
       onClick={onClick}
+      onMouseDown={(e) => {
+        // Middle-click to close tab (but not pinned tabs)
+        if (e.button === 1 && !tab.isPinned) {
+          e.preventDefault();
+          onClose();
+        }
+      }}
       onKeyDown={(e) => {
         if (e.key === "Enter" || e.key === " ") {
           e.preventDefault();