Optimize Production Build and Separate JavaScript from HTML

[azdanov]

To improve the maintainability and performance of the project, it would be good to:

• Implement an optimized production build that runs the TailwindCSS CLI to remove all unused CSS to have faster load times instead of relying on the CDN version that should only used for development.
• Separate the JavaScript code from the HTML files to make the code base cleaner and easier to manage in the future

What can be done:

• Optimize Production Build:

  • Configure the build process to use the TailwindCSS CLI tool.
  • Ensure that all unused CSS is removed during the production build.
  • Verify that the final CSS bundle is optimized for production without any issues.

• Separate JavaScript from HTML:

  • Identify all inline JavaScript code present in the HTML file.
  • Extract the JavaScript code into separate .js files.
  • Link the extracted JavaScript files appropriately in the HTML file.
  • Update the project documentation to reflect the new structure.

[vprelovac]

@azdanov I think this sounds ok will let @GiorgioBrux confirm

(assuming you are ready to create a PR for this)

[GiorgioBrux]

Hey, if you'd like to create a PR for this go ahead - and thanks in advance.