style: add custom-scrollbar styling to all dialog scrollable areas

Added custom-scrollbar class to scrollable elements in:
- EffectBrowser dialog content area
- ProjectsDialog projects list
- CommandPalette results list
- Modal content area
- TrackList automation parameter label containers

This ensures consistent scrollbar styling across all dialogs and UI elements.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

components/dialogs/ProjectsDialog.tsx

@@ -76,7 +76,7 @@ export function ProjectsDialog({
         </div>
 
         {/* Projects List */}
-        <div className="flex-1 overflow-y-auto p-6">
+        <div className="flex-1 overflow-y-auto custom-scrollbar p-6">
           {projects.length === 0 ? (
             <div className="flex flex-col items-center justify-center py-12 text-center">
               <FolderOpen className="h-16 w-16 text-muted-foreground mb-4" />

components/effects/EffectBrowser.tsx

@@ -105,7 +105,7 @@ export function EffectBrowser({ open, onClose, onSelectEffect }: EffectBrowserPr
         </div>
 
         {/* Content */}
-        <div className="flex-1 overflow-y-auto p-4">
+        <div className="flex-1 overflow-y-auto custom-scrollbar p-4">
           <div className="space-y-6">
             {Object.entries(filteredCategories).map(([category, effects]) => (
               <div key={category}>

components/tracks/TrackList.tsx

@@ -420,7 +420,7 @@ export function TrackList({
                         )}
 
                         {/* Parameter labels - always visible */}
-                        <div className="flex items-center gap-1.5 flex-1 min-w-0 overflow-x-auto">
+                        <div className="flex items-center gap-1.5 flex-1 min-w-0 overflow-x-auto custom-scrollbar">
                           {automatedParams.map((paramName, index) => (
                             <span
                               key={index}
@@ -996,7 +996,7 @@ export function TrackList({
                         )}
 
                         {/* Parameter labels - always visible */}
-                        <div className="flex items-center gap-1.5 flex-1 min-w-0 overflow-x-auto">
+                        <div className="flex items-center gap-1.5 flex-1 min-w-0 overflow-x-auto custom-scrollbar">
                           {automatedParams.map((paramName, index) => (
                             <span
                               key={index}

components/ui/CommandPalette.tsx

@@ -144,7 +144,7 @@ export function CommandPalette({ actions, className }: CommandPaletteProps) {
         </div>
 
         {/* Results */}
-        <div className="max-h-96 overflow-y-auto p-2">
+        <div className="max-h-96 overflow-y-auto custom-scrollbar p-2">
           {Object.keys(groupedActions).length === 0 ? (
             <div className="p-8 text-center text-muted-foreground text-sm">
               No commands found

components/ui/Modal.tsx

@@ -102,7 +102,7 @@ export function Modal({
         </div>
 
         {/* Content */}
-        <div className="flex-1 overflow-y-auto p-4">
+        <div className="flex-1 overflow-y-auto custom-scrollbar p-4">
           {children}
         </div>