fix: replace transition-all with specific transition properties for better performance

- Replace transition-all with transition-[width] in Sidebar.tsx for width animations
- Replace transition-all with specific properties in animated-tabs.tsx for hover/active indicators
- Replace transition-all with transition-[background-color,border-color,box-shadow] in navbar.tsx
- Replace transition-all with transition-[width] in audio.tsx volume bar
- Replace transition-all with transition-[background-color,border-color,color] in thread.tsx
- Replace transition-all with transition-[box-shadow] in all tool-ui status cards (28+ files)

This reduces unnecessary browser layout/paint work by only animating the specific
properties that change, avoiding expensive recalculations for properties like
width, height, margin, and padding that don't need animation.

Fixes #1147

surfsense_web/components/tool-ui/video-presentation/generate-video-presentation.tsx

@@ -434,7 +434,7 @@ function VideoPresentationPlayer({
 							</span>
 							<div className="h-1.5 w-20 overflow-hidden rounded-full bg-muted">
 								<div
-									className="h-full rounded-full bg-muted-foreground/60 transition-all duration-300"
+									className="h-full rounded-full bg-muted-foreground/60 transition-[box-shadow] duration-300"
 									style={{ width: `${(renderProgress ?? 0) * 100}%` }}
 								/>
 							</div>