Code Quality and Structure Improvement for Project, Story, and Voice UI

## Description
The codebase for Project UI, Story UI, and Voice UI needs significant improvements in terms of code quality, organization, and maintainability. This issue is dedicated to addressing these concerns and making the codebase more robust and structured.

**Goals**:
1. **Best Coding Practices**: Refactor the code to adhere to best coding practices and conventions, ensuring readability and consistency.

2. **Code Compartmentalization**: Organize the code into logical modules or components, making it easier to maintain and understand.

3. **Code Comments**: Add comprehensive comments and documentation to the codebase to explain functionality, algorithms, and important parts of the code.

4. **Reusable Functions and OOP**: Identify opportunities to create reusable functions and employ Object-Oriented Programming (OOP) principles to enhance code reusability and modularity.

5. **Function Optimization**: Optimize the existing functions and consider breaking down large functions into smaller, more manageable ones.

6. **Project Structure**: Reorganize the project structure by splitting code into different files or directories based on functionality or modules, providing a more structured and maintainable codebase.

## Tasks
- [ ] Review the existing codebase in Project UI, Story UI, and Voice UI.
- [ ] Refactor the code to follow best coding practices.
- [ ] Organize code into logical modules or components.
- [ ] Add comments and documentation to explain code functionality.
- [ ] Identify opportunities for creating reusable functions and apply OOP principles where appropriate.
- [ ] Optimize existing functions for better performance.
- [ ] Restructure the project by splitting code into different files or directories.
- [ ] Test the refactored code to ensure it maintains or improves functionality.
- [ ] Update project documentation to reflect the changes.