Test Results Dashboard with Animated Progress Indicators

I'll create a responsive dashboard that displays test results with animated circular progress indicators, similar to the one in your image.

This dashboard features:

1. Animated Progress Rings - Circular progress indicators that animate when the component loads
2. Responsive Layout - Adapts to different screen sizes
3. Test Results Summary - Shows marks, time taken, and performance metrics
4. Color-Coded Categories - Different colors for correct (green), wrong (red), left (orange), and accuracy (blue)

The animations use SVG circles with strokeDasharray and strokeDashoffset properties that transition smoothly to create the circular progress effect. The component starts the animations shortly after mounting to create a staggered reveal effect.