Sorted playlist by order; added playlist visibility and small fixes.

cinefolio2/src/components/Playlist.svelte

@@ -84,4 +84,4 @@
             margin-bottom: 0em;
         }
     }
-</style>
+</style>

cinefolio2/src/components/Slide.svelte

@@ -179,7 +179,7 @@
         background-color: rgba(0, 0, 0, 0.8);
     }
 
-    .slide-overlay, .slide-thumb-overlay {
+    .slide-overlay {
         background-color: black;
         opacity: 0.6;
         position: absolute;

cinefolio2/src/index.test.ts

@@ -1,7 +1 @@
-import { describe, it, expect } from 'vitest';
 
-describe('sum test', () => {
-	it('adds 1 + 2 to equal 3', () => {
-		expect(1 + 2).toBe(3);
-	});
-});

cinefolio2/src/routes/+page.svelte

@@ -14,6 +14,9 @@
         }).then((response) => response.json())
         .then((value) => {
             playlists = value.playlists;
+            playlists.sort((a, b) => {
+                return a.order - b.order;
+            });
         });
     });
 </script>
@@ -23,7 +26,9 @@
 
     <div id="videos-container-center">
         {#each playlists as playlist}
-            <Playlist playlist={playlist}/>
+            {#if playlist.visible}
+                <Playlist playlist={playlist}/>
+            {/if}
         {/each}
     </div>
 </main>