Improved login funtion by creating temporary HTML pages and fixing bugs in login

ui/templates/index.html

@@ -1,20 +1,5 @@
 {% extends "base.html" %}
 
 {% block main_content %}
-    <h1>Live Stream</h1>
-    <video id="localVideo" autoplay playsinline controls></video>
-    <script>
-        // constant containing the video
-        const videoElement = document.getElementById('localVideo');
-
-        // Request access to the user's camera and microphone
-        navigator.mediaDevices.getUserMedia({ video: true, audio: true })
-            .then((stream) => {
-                // Display the stream locally
-                videoElement.srcObject = stream;
-            })
-            .catch((error) => {
-                console.error('Error accessing media devices.', error);
-            });
-    </script>
+    <h1>Welcome</h1>
 {% endblock %}

ui/templates/login.html

@@ -0,0 +1,19 @@
+{% extends "base.html" %}
+
+{% block main_content %}
+    <form action="" method="post" novalidate>
+        {{ form.hidden_tag() }}
+        {{ form.username.label }}
+        {{ form.username() }}
+        {% for error in form.username.errors %}
+            {{ error }}
+        {% endfor %}
+        <br />
+        {{ form.password.label }}
+        {{ form.password() }}
+        <br />
+        {{ form.submit() }}
+    </form>
+    
+{% endblock %}
+

ui/templates/signup.html

@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+
+{% block main_content %}
+
+<form action="" method="post" novalidate>
+    {{ form.hidden_tag() }}
+    {{ form.email.label }}
+    {{ form.email() }}
+    {% for error in form.email.errors %}
+        {{ error }}
+    {% endfor %}
+    <br />
+    {{ form.username.label }}
+    {{ form.username() }}
+    {% for error in form.username.errors %}
+        {{ error }}
+    {% endfor %}
+    <br />
+    {{ form.password.label }}
+    {{ form.password() }}
+    {% for error in form.password.errors %}
+        {{ error }}
+    {% endfor %}
+    <br />
+    {{ form.password2.label }}
+    {{ form.password2() }}
+    <br />
+    {{ form.submit() }}
+</form>
+
+{% endblock %}