Ted module 2

[tedpham3]

References issue #. Please review this @stephenhyang @mdtagg @sarhiri

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

To improve code maintainability and readability by modularizing the WindowBar, Splash, Settings, and Header components.
To separate concerns within these components, making them more manageable and scalable for future development.

Approach

Broke down the WindowBar, Splash, Settings, and Header components into smaller, functional components.
Extracted reusable logic and UI elements into individual sub-components, enhancing reusability and simplification of the main component structures.
Incorporated separate SCSS files for each sub-component to maintain styling separation and clarity.
Added automated scripts in package.json, now the app would run using npm run start

Screenshot(s)