refactor: extracted js part of webui into seperate file

[ErikBjare]

[!IMPORTANT] Refactor JavaScript from index.html to main.js, update HTML structure, and enhance CSS styles.

• JavaScript Refactor:
  • Extracted JavaScript from index.html to main.js.
  • main.js initializes Vue instance and handles conversation logic.
• HTML Changes:
  • Updated index.html to include main.js as a module script.
  • Simplified HTML structure by removing inline JavaScript.
• CSS Enhancements:
  • Updated style.css with new styles for chat components.
  • Added animations and improved button styles.

^{This description was created by for f676d21abb72ad57b6bec173e8f33cc40cefc098. It will automatically update as commits are pushed.}

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 80.43%. Comparing base (7231aa9) to head (f676d21). Report is 1 commits behind head on master.

:white_check_mark: All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #167      +/-   ##
==========================================
- Coverage   80.47%   80.43%   -0.05%     
==========================================
  Files          56       56              
  Lines        3298     3301       +3     
==========================================
+ Hits         2654     2655       +1     
- Misses        644      646       +2     

Flag	Coverage Δ
anthropic/claude-3-haiku-20240307	79.36% <ø> (-0.05%)	:arrow_down:
openai/gpt-4o-mini	79.15% <ø> (-0.05%)	:arrow_down:

Flags with carried forward coverage won't be shown. Click here to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.