[arabcoders]

This pull request introduces several major improvements across the codebase, focusing on enhancing pre-commit and CI workflows, improving the changelog generation system, and adding a new media player feature to the frontend. The pre-commit and CI checks for both backend and frontend are now unified and more comprehensive. Changelog generation is more flexible and robust, supporting multiple branches and filtering out co-author lines. The frontend gains a new "Play" button for media files in job cards, along with a modal player that reacts to file status events. Additional documentation and screenshots are also included.

Pre-commit and CI Workflow Improvements

• Unifies and expands pre-commit checks to include both backend (Python) and frontend (Node.js) formatting, linting, type checking, and tests, and ensures these run in CI by replacing individual frontend steps with a single pre-commit invocation. Also adds support for running custom hooks in .githooks/pre-commit.d subdirectories. [1] [2] [3] [4] [5] [6] [7]

Changelog Generation Enhancements

• Refactors .github/scripts/generate_changelog.py to support specifying base and additional refs for changelog grouping, filters out Co-authored-by lines from commit messages, and improves tagging logic for unreleased commits. Updates tests to cover new scenarios, including combined branches and co-author filtering. [1] [2] [3] [4] [5] [6]
• Adds a new GitHub Actions workflow .github/workflows/changelog.yml to automatically publish the commit history grouped by version tags and branches to GitHub Pages.

Frontend Features: Media Player Integration

• Adds a "Play" button to JobCard.vue for jobs with associated media files, emitting a play event. [1] [2]
• Implements a modal media player (MediaPlayerModal.vue) in JobList.vue, which opens when the "Play" button is clicked and closes automatically if the file is deleted or pruned, using event listeners for file status updates. [1] [2] [3] [4] [5]

Documentation Updates

• Expands the README.md with links to related projects and adds screenshots for dashboard, statistics, and job details.

UI/UX Adjustments

• Removes the search input from the changelog page actions for a cleaner UI.