fix sorting, add things

public/movies.html

@@ -68,8 +68,8 @@
 <!-- Black banner with buttons and user info -->
 <nav class="navbar navbar-expand-lg navbar-custom">
   <div class="container">
-    <a class="navbar-brand">
-      <img src="img/logo_w.png" style="max-width: 180px; height: 70px; object-fit: contain;">
+    <a class="navbar-brand" style="margin-left: -7px;">
+    <img src="img/logo_w.png" style="max-width: 220px; height: 70px; object-fit: contain;">    
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
@@ -154,6 +154,9 @@
 
     const movies = await res.json();
 
+    // Sort movies alphabetically by title
+    movies.sort((a, b) => a.title.localeCompare(b.title, 'fr', { sensitivity: 'base' }));
+
     const watchedRes = await fetch('/api/movies/watchedMovies', {
       method: 'GET',
       headers: { 'Authorization': `Bearer ${token}` },