refactor: refactor for modern layout

- split frontend and backend.
- update backend with modern Python dev strategies.

frontend/static/css/collection.css

@@ -0,0 +1,34 @@
+div.collection-item {
+    display: flex;
+    flex-flow: row;
+    align-items: flex-start;
+
+    padding: 1.25rem;
+    margin-bottom: 1.25rem;
+}
+
+div.collection-item-words {
+    flex-grow: 1;
+    flex-basis: 0;
+
+    word-break: break-all;
+}
+
+div.collection-item-icon {
+    margin-left: 0.75rem;
+}
+
+
+
+
+div.control-list {
+    display: flex; 
+    flex-flow: row;
+    flex-wrap: wrap;
+}
+
+div.control-list > * {
+    margin-right: 0.75rem;
+    margin-bottom: 0.75rem;
+    margin-left: 0 !important;
+}