feat: upgrade to React 19, add keyboard shortcuts, implement Zustand global state, fix environment variables, and improve UI components

- Upgrade React to v19.1.1 and update all related packages
- Add comprehensive keyboard shortcuts (Space, R, S, Ctrl+D) with visual indicators
- Implement Zustand global state management for shortcuts and app state
- Fix .env file loading with dotenv package and proper Vite configuration
- Add text wrapping to all card components to prevent overflow
- Improve theme toggle visibility and styling in sidebar
- Update button layouts to use flex-direction: row
- Add hover effects and consistent styling across components
- Fix infinite loop issues in keyboard shortcuts hook
- Update Vite config to properly handle .env files and source directories
- Add proper TypeScript configuration for React 19 JSX transform

client/src/components/atoms/ProgressRing.tsx

@@ -5,9 +5,9 @@ interface ProgressRingProps {
   className?: string;
 }
 
-export function ProgressRing({ 
-  progress, 
-  size = 256, 
+export function ProgressRing({
+  progress,
+  size = 256,
   strokeWidth = 8,
   className = ""
 }: ProgressRingProps) {
@@ -17,10 +17,10 @@ export function ProgressRing({
   const strokeDashoffset = circumference * (1 - progress);
 
   return (
-    <svg 
-      className={`transform -rotate-90 ${className}`} 
-      width={size} 
-      height={size} 
+    <svg
+      className={`transform -rotate-90 ${className}`}
+      width={size}
+      height={size}
       viewBox={`0 0 ${size} ${size}`}
       data-testid="progress-ring"
     >
@@ -34,7 +34,7 @@ export function ProgressRing({
         fill="none"
         className="text-muted opacity-20"
       />
-      
+
       {/* Progress Circle */}
       <circle
         cx={size / 2}