Update UI components and styles for improved functionality and aesthetics

- Changed accent color variables in index.css for better visual consistency.
- Added a new voicebox logo to the Sidebar component for branding enhancement.
- Refactored AudioPlayer to utilize CSS variables for wave and progress colors, improving theme adaptability.
- Adjusted HistoryTable column widths for better layout and readability.
- Enhanced ProfileCard layout with improved button positioning and styling.
- Updated button styles to use accent colors for better visual coherence.
- Improved CircleButton styling for consistent appearance across the application.

app/src/components/ui/circle-button.tsx

@@ -11,8 +11,8 @@ const CircleButton = React.forwardRef<HTMLButtonElement, CircleButtonProps>(
       <button
         ref={ref}
         className={cn(
-          'h-7 w-7 rounded-full flex items-center justify-center',
-          'hover:bg-accent transition-colors',
+          'h-7 w-7 rounded-full flex items-center justify-center flex-shrink-0',
+          'hover:bg-muted transition-colors',
           'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
           'disabled:pointer-events-none disabled:opacity-50',
           className,