Create reusable PageHero component

The hero section is duplicated across nearly every page with only minor text differences which violates the [DRY principle](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself). A single, reusable component should be created

### Tasks
- [ ] Create a new component named PageHero.jsx
- [ ] The component should accept all the necessary props
- [ ] Replace all duplicate hero sections on the Home, About, Team, Gallery, and Clublife pages with the new `PageHero` component.