PR: Fix Flash of Unstyled Content (FOUC) and Enhancements

[m-naeem66622]

Pull Request: Fix Flash of Unstyled Content (FOUC) and Enhancements

Description:

This pull request introduces enhancements and fixes aimed at improving the user experience and optimizing the development workflow. The changes primarily focus on refining the handling of styles, restructuring the development directory, and addressing the flash of unstyled content (FOUC) issue.

Changes:

1. Minimize Flash of Unstyled Content (FOUC) with Theme Colors:

   • Addressed the FOUC issue by optimizing the injection of CSS at the start of document loading.
   • Ensured rapid application of styles to mitigate the brief appearance of original colors before dark mode styles are applied, enhancing user experience.

2. Restructure Dev Directory and Remove Generated CSS Files:

   • Moved the logic.js file to the dev/script directory for better organization.
   • Removed unnecessary CSS files from the css-minified directory, including koochi-koochi.css, as they can be generated dynamically, eliminating redundancy in repository tracking.

3. Update Merge Script for Styles Directory Handling:

   • Updated the merge script to accommodate the styles directory, utilized by the manifest for managing the theme and mitigating FOUC.
   • The script now ensures the creation of necessary files and directories if they don't exist, streamlining the merging process.

Additional Notes:

• These changes aim to enhance the maintainability and performance of the project.
• Please review the modifications thoroughly, particularly the script changes and FOUC fix, to ensure compatibility and effectiveness.
• Feedback and suggestions for further improvements are welcome.

Screenshots:

With FOUC Issue

Minimized FOUC Issue