Add progress tracking page to visualize learning achievements

[Null000]

Summary

This PR introduces a new progress tracking page that allows users to view their learning achievements across all math categories and groups. The page displays overall statistics and detailed progress breakdowns organized by category group.

Key Changes

• New Progress Page (src/progress.html): A dedicated page featuring:

  • Overall summary statistics (problems solved, total problems, completion percentage, mastered categories)
  • Collapsible progress groups organized by category type (Addition, Subtraction, Multiplication, Division, Comparison)
  • Individual progress bars for each category with color-coded completion status
  • Responsive design with gradient styling matching the app's visual theme
  • Google Analytics integration

• Progress Logic (src/progress.ts): TypeScript module that:

  • Retrieves solved problem counts from localStorage for each category
  • Calculates total available problems per category using existing generation functions
  • Computes aggregate statistics across all categories and groups
  • Dynamically generates the progress UI with proper localization support
  • Tracks "mastered" categories (100% completion)

• Navigation Integration (src/index.html): Added "View Progress" button to the main category selection page, allowing users to easily access their progress dashboard

• Localization (src/translations.ts): Added translation keys for the progress page in both English and Slovenian:

  • Progress title and stat labels
  • "View Progress" button text

Implementation Details

• Progress bars use color gradients to indicate completion levels: red (0-30%), yellow (30-60%), green (60-100%), and purple (100%)
• The page leverages existing category and generation functions to calculate available problems without duplication
• All progress data is read from localStorage, maintaining the existing data persistence pattern
• The UI uses collapsible details elements for better organization of large datasets
• Fully responsive design with mobile-optimized styling

https://claude.ai/code/session_01CpAYxP6fkoNkvoZCDFWUPL