Front end (#186)

* restyled most components for better visuals

* added light and dark mode functionality for some components

* added mobile responsive layout for smaller screens and removed redundant props

* added ScrollView in replacement of regular div to remove unecessary horizontal bar

* added animations for smoother light and dark mode transitions

* removed border from buttons and added shadow instead

* made score display on mobile reponsive with horizontal scrolling and removed the scroll bar indicators

* adjusted header and footer styles to stick on top / bottom when scrolling happens

* cleaned up code structure and removed themestyles

* added node modules to gitignore file

* Stop tracking node_modules

Author: JiBing17

.gitignore

@@ -165,4 +165,5 @@ cython_debug/
 .vscode/
 .vscode/*
 
-fluidsynth/
+fluidsynth/
+node_modules/

backend/app.py

@@ -10,6 +10,7 @@
 import secrets
 from src.audio_generator import AudioGenerator
 from src.synchronizer import Synchronizer
+import sys
 
 app = Flask(__name__)
 CORS(app)  # Enable CORS for all routes and origins
@@ -59,6 +60,7 @@ def get_score(filename):
 def synthesize_audio(filename, tempo):
     # Get the session token from the request headers
     print("synthesize start")
+
     session_token = request.headers.get('session-token')
     if not session_token or session_token not in SESSIONS:
         return 'Missing or invalid session token', 401