Frontend/Renderer: Inject threejs renderer to frontend and configure npm and vite if needed

[trsctr]

Branch: feature/013-inject-renderer-to-frontend

At some point, the game renderer needs to be injected into the frontend. Files may need to be reorganized, npm dependencies updated, and Vite configured to build frontend files correctly. The renderer must run on index.html.

Tasks:

1. Branch Management:

   • [x] Create a new branch from the current version of develop. Name the branch as specified above.
   • [x] Merge it with the branch containing the latest version of the renderer (currently the prototype at chore/001-import-threejs-prototype-to-frontend).

2. Dependency Management:

   • [x] Install any new npm packages required by the frontend, if necessary.

3. HTML and Renderer Integration:

   • [x] Edit index.html from the develop branch to load game scripts and display the renderer.

4. File Organization:

   • [x] Reorganize files and update paths as necessary.

5. Build Configuration:

   • [x] Configure Vite to build and run in developer mode.

6. Testing and Validation:

   • [x] Test the integration and functionality.

Definition of Done:

• [x] index.html loads the game renderer and any necessary assets.
• [x] npm has been configured to include necessary dependencies.
• [x] Vite builds the frontend successfully.
• [x] When running the server app with make, localhost/index.html displays the game engine.

Notes:

• Merge Strategy: Consider using a rebase strategy for the merge to maintain a clean commit history.
• Documentation: Update any relevant documentation to reflect changes in setup or usage.
• Error Handling: Ensure proper error handling and logging are in place for the renderer.

[trsctr]

Frontend organized and configured according to bootstrap documentation at https://getbootstrap.com/docs/5.3/getting-started/vite/

Threejs renderer opens in the modal, however it opens in incorrect placement and multiple times.

Pull requst created at https://github.com/abbastoof/transcendence/pull/25