adds device page and form for new device

- form added to push new device id to backend
- device added to db model (needs to be pushed still)
- form return right now just prints
- design for device list created, still needs some updates

server/template/devices.html

@@ -0,0 +1,36 @@
+{% extends "sidebar.html" %}
+{% block body%}
+
+<div class="container">
+    <div style="width: 15rem; margin: 1rem">Device ID</div>
+    <div style="width: 10rem; margin: 1rem; padding-right: 5rem">Link Status</div>
+    <div style="width: 2rem; margin: 1rem">Action</div>
+</div>
+
+    {% for item in devices %}
+    <div class="container">
+        <!--Name-->
+        <div style="width: 15rem; margin: 1rem;">{{ item.deviceId }}</div>
+
+        <!--Toggle-->
+        <div style="width: 10rem; margin: 1rem; padding-right: 5rem">
+           Connected 
+        </div>
+
+        <!--Color Selector-->
+        <div style="width: 2rem; margin: 1rem;">
+            <button type="button">Unlink</button>
+        </div>
+        
+    </div>
+    {% endfor %}
+    <form action="" method="post">
+    <div class="container">
+        {{ form.hidden_tag() }}
+        {{ form.deviceId.label }}
+        {{ form.deviceId(size=32) }}
+        {{ form.submit() }}
+    </div> 
+    </form>
+
+{% endblock %}