frontend: move style properties to components

frontend/src/lib/components/queue_item.svelte

@@ -12,4 +12,42 @@
     <p class="ellipsis">{name}</p>
     <ImgButton style="edit" name="Изменить" image={edit_btn}/>
     <ImgButton style="remove" name="Удалить" image={remove_btn}/>
-</div>
+</div>
+
+<style>
+    /* Элемент в очереди */
+    .queue-item {
+        margin: 0;
+        padding: 0;
+    }
+
+    .queue-item p {
+        margin: 0.5rem;
+    }
+
+    :global(.queue-item + .queue-item) {
+        margin-top: 0.5rem;
+    }
+
+    @media (prefers-color-scheme: light) {
+        .queue-item {
+            background-color: #5C8DC0;
+            color: white;
+        }
+
+        .queue-item p {
+            color: white;
+        }
+    }
+
+    @media (prefers-color-scheme: dark) {
+        .queue-item {
+            background-color: #2791FF;
+            color: white;
+        }
+
+        .queue-item p {
+            color: white;
+        }
+    }
+</style>