FSD: Widget Hero

[ansivgit]

📝 Describe the refactoring task

Part of the issue #347
Hero & Main components refactor

Related issues:
#334
#515
#541

Closes issues:
#334
#540
#515

📍 Code location

src/widgets/hero/ui/hero.tsx
src/widgets/main/ui

✅ Definition of Done (DoD):

1. rename file hero.tsx component to hero-page.tsx
2. change the HeroPage component structure so we can use it on pages School, Courses and Community
3. change imports main.tsx to hero-page.tsx on all pages
4. remove folder main
5. Refactor hero-page.tsx scss to scss-modules including:

• remove all parent selector & .card-content -> .card-content.
• change all possible values to variables if such exists.
• rename all classes to be generic e.g .nodejs-trainer 🙅‍♂️ -> .trainer 👌.
• and everything in your opinion that needs to be refactored

6. refactor JSX to utilize HTML5 tags
7. add unit test for hero-page.tsx inside ui folder
8. re-export component as HeroPage