Changed main_app mechanism to fit the SPA scope

[ghamry03]

VROOOM VROOOMMM ~~ V12 ENGINE NOISE ~~

This pull request (PR) refines the flow of the main_app while introducing a comprehensive login and logout mechanism. It focuses solely on backend modifications, ensuring seamless functionality and rendering.

WARNING

you need to change your intra API redirect uri to http://127.0.0.1:8000/authenticate

Changes:

• changed the flow for the main_app
• added more apps (game, login) to the main_app to help split and organize the code

Description:

• Implemented engine.js to streamline template and script management.
• Incorporated a login app within main_app to handle token and login processes.
• Introduced a game app within main_app to facilitate game and tournament rendering.

Templates structure:

base.html
│   ├── mainContainer # utilized for 'login.html'
│   │   ├── mainContentContainer # utilized for 'home.html'

home.html
│   ├── topBar # # utilized for the topBar to enable seamless updates
│   ├── homeContentArea # utilized for 'homeCards.html' and various game modes

Injection flow

  '/home': () => {
    fetchMainContent('/home', 'mainContentArea')
      .then(() => fetchMainContent('/topbar', 'topBar'))
      .then(() => fetchMainContent('/cards', 'homeContentArea'))
      .then(() => injectScript('/static/js/token.js', 'homeContentArea', 'token'));
  },
  '/cards': () => {
    fetchMainContent('/cards', 'homeContentArea');
    removeScript('online');
    removeScript('offline')
  },
  '/offline': () => {
    fetchMainContent('/offline', 'homeContentArea')
      .then(() => injectScript('/static/js/offlinePong.js', 'homeContentArea', 'offline'));
  },
  '/online': () => {
    fetchMainContent('/online', 'homeContentArea')
      .then(() => injectScript('/static/js/canvas.js', 'homeContentArea', 'online'));
  },
  '/login': () => {
    fetchMainContent("/login", 'mainContainer');
  },
  '/logout': () => {
    fetchMainContent("/logout", 'mainContainer');
    clearInterval(pid);
    removeScript('token');
    removeScript('offline')
    removeScript('online')
  }

[MehrinFirdousi]

Clicking the back button from offline and online game pages logs the user out

[MehrinFirdousi]

Found 2 more issues after merging this with tournaments:

• As I understand, the engine.js replaces what fetchPage() in utils.js used to do and if that's the case, the tournament was expecting the fetchPage() to return a promise that it can await, which isn't there in the engine.js version.
• Tournament will need the engine to take the injection point as a param as well instead of it being fixed as "homeContentArea", because there are other injections points as well.