Ted modular

[tedpham3]

References issue #. Please review this @teammember1, @teamMember2.

Types of changes

• Bugfix (change which fixes an issue)
• New feature (change which adds functionality)
• Refactor (change which changes the codebase without affecting its external behavior)
• Non-breaking change (fix or feature that would cause existing functionality to work as expected)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Purpose

Enhance Code Maintainability and Clarity: Refactor the component to included related files next to each other
Improve Component Reusability: By breaking down complex components into smaller, more focused units, we enhance reusability and testability across the project.

Approach

Moved css files of all components to their folder.
Moved all global css to index.scss and move it to the same level of App.tsx

Screenshot(s)