changed anilist login flow

docker/views/css/users.css

@@ -862,3 +862,22 @@ input[type="file"] {
         padding: 1.2rem;
     }
 }
+
+.anilist-status a.btn-secondary {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    transition: all 0.2s;
+}
+
+.anilist-status a.btn-secondary:hover {
+    border-color: var(--color-primary);
+    color: white;
+    background: rgba(139, 92, 246, 0.1);
+}
+
+#manualAniListToken {
+    font-family: monospace;
+    font-size: 0.9rem;
+}

docker/views/profile.html

@@ -229,7 +229,17 @@
     <p>Update available: <span id="latestVersionDisplay">v1.x</span></p>
     <a id="downloadButton" href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases" target="_blank">Download</a>
 </div>
+<div id="anilist-connect-modal" class="custom-modal-overlay hidden">
+    <div class="custom-modal-content">
+        <div class="modal-header">
+            <h3>AniList Integration</h3>
+            <button class="close-modal-btn" onclick="DashboardApp.User.closeAniListModal()">×</button>
+        </div>
 
+        <div class="modal-body" id="anilist-modal-body">
+        </div>
+    </div>
+</div>
 <script src="/src/scripts/updateNotifier.js"></script>
 <script src="/src/scripts/room-modal.js"></script>
 <script src="/src/scripts/rpc-inapp.js"></script>