Project improvement ideas - Gil Fink - split to multiple tasks

Ideas TODO

[ ] Header - Videos & Events nav links - #73
- Add red circles with count of unhandled items.
[ ] Styling - make it awesome - #74
- Dark light mode
- More colors & icons
- Logo
[ ] Home page - #75
- Logo, slogan, explainer image, flowchart of site process
- Authentication / login
- 3 last unhandled events/videos
- Great landing page design
[ ] Deployment Pipeline - #76
- GitHub actions - continues delivery - automatic deployment
- ESLint
- Unit Testing - automatic testing after commit & push
- Run tests in Github
- Allow merging PR

Notifications API - if video shared.
- https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API/Using_the_Notifications_API
[ ] Share video/event - navigator.share() video
[ ] Video - metadata - https://developer.mozilla.org/en-US/docs/Web/API/MediaMetadata
Document picture in picture - https://developer.mozilla.org/en-US/docs/Web/API/Document_Picture-in-Picture_API
[ ] Face API - image recognition from single image/frame - https://justadudewhohacks.github.io/face-api.js/docs/index.html
[ ] View transition - page change smooth transition - https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API/Using
Component library - MUI - Core or Base.
- Others: Menteen.DEV, TailWind
[ ] Replace React Form Hook with TanStack Form - https://tanstack.com/form/latest
- Another form hook (very complex) - RjSF (JSON Schema form)
- JSON Schema - https://github.com/rjsf-team/react-jsonschema-form