✨ Register: working order sum logic

💄 Add more icons and load them as react components

frontend/src/features/register/Register.module.css

@@ -1,19 +1,23 @@
+.userList {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    gap: 16px;
+
+}
 .productList {
     display: grid;
-    grid-template-columns: repeat(6, 1fr);
+    grid-template-columns: repeat(12, 1fr);
     gap: 16px;
 }
-.product {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+.checkout {
+    margin-top: 32px;
 }
-.productText {
-    padding-top: 8px;
-}
-.productImage {
-    width: 100px;
-    height: 100px;
-    object-fit: contain;
+.total {
+    display: inline-block;
+    margin-right: 8px;
+    padding: 4px 8px;
+    font-size: 1.8rem;
+    color: white;
+    background: black;
+    min-width: 200px;
 }