feat: implement user authentication and logout functionality

- Added login/logout buttons to the HomeScreen and SettingsScreen.
- Integrated authentication state management using Zustand and cookies.
- Updated API to support username and password for login.
- Enhanced PlayScreen to handle video playback based on user authentication.
- Created a new detailStore to manage video details and sources.
- Refactored playerStore to utilize detailStore for episode management.
- Added sourceStore to manage video source toggling.
- Updated settingsStore to fetch server configuration.
- Improved error handling and user feedback with Toast notifications.
- Cleaned up unused code and optimized imports across components.

backend/src/routes/login.ts

@@ -4,6 +4,7 @@ import dotenv from "dotenv";
 dotenv.config();
 
 const router = express.Router();
+const username = process.env.USERNAME;
 const password = process.env.PASSWORD;
 
 /**
@@ -11,6 +12,7 @@ const password = process.env.PASSWORD;
  * @apiName UserLogin
  * @apiGroup User
  *
+ * @apiBody {String} username User's username.
  * @apiBody {String} password User's password.
  *
  * @apiSuccess {Boolean} ok Indicates if the login was successful.
@@ -30,17 +32,26 @@ const password = process.env.PASSWORD;
  *     }
  */
 router.post("/login", (req: Request, res: Response) => {
-  if (!password) {
-    // If no password is set, login is always successful.
-    return res.json({ ok: true });
+  const { username: inputUsername, password: inputPassword } = req.body;
+
+  // Compatibility with old versions, if username is not set, only password is required
+  if (!username || !password) {
+    if (inputPassword === password) {
+      res.cookie("auth", "true", { httpOnly: true, maxAge: 24 * 60 * 60 * 1000 });
+      return res.json({ ok: true });
+    } else if (!password) {
+      // If no password is set, login is always successful.
+      return res.json({ ok: true });
+    } else {
+      return res.status(400).json({ message: "Invalid password" });
+    }
   }
 
-  const { password: inputPassword } = req.body;
-
-  if (inputPassword === password) {
+  if (inputUsername === username && inputPassword === password) {
+    res.cookie("auth", "true", { httpOnly: true, maxAge: 24 * 60 * 60 * 1000 });
     res.json({ ok: true });
   } else {
-    res.status(400).json({ message: "Invalid password" });
+    res.status(400).json({ message: "Invalid username or password" });
   }
 });