Enhance Frontend UI (Responsive) with Bootstrap and Improved Layout

[CarlKho-Minerva]

Description:

This PR introduces several enhancements to the frontend UI, focusing on improving the user experience and visual appeal. Below are the key changes:

Frontend Updates:

• Main Page (index.html):

  • Center-aligned content using Bootstrap classes.
  • Added English translations below the main Spanish buttons.
  • Included a responsive logo at the top of the page.
  • Improved button styling with Bootstrap's btn-lg and btn-sm classes.

• IDE "Pre" Div (index.html):

  • Enhanced layout and styling for a better user experience.
  • Added custom loading spinner and improved UI elements.
  • Updated text and button styles for consistency.

Testing:

• Verified the layout and styling changes on different screen sizes.
• Ensured that the buttons and links are functional and correctly aligned.

Notes:

• Ensure to pull the latest changes and review the updated UI.
• No backend changes were made in this PR.

[CarlKho-Minerva]

Can't tag reviewers so tagging you here for merging @RichoM