FSD: Widget Principles

[Quiddlee]

📝 Describe the refactoring task

Part of the issue #347

📍 Code location

src/widgets/principles

✅ Definition of Done (DoD):

principles.module.scss & principles-card.module.scss

1. Refactor principles.tsx's scss as following

• remove all parent selector & .card-content -> .card-content.
• change all possible values to variables if such exists.
• and everything in your opinion that needs to be refactored
• replace all element selectors by tag with class selector img -> .image

principles.tsx

1. create principles folder inside the ui folder
2. move all the related pieces to the principles folder
3. replace div's with HTML5 tags

principles-card.tsx

1. replace interface with type
2. extract type and place it inside types.ts file near the constants.ts
3. rename the type to PrincipleCard
4. replace div's with HTML5 tags

constants.ts

1. replace all the icon wrappers with Image component