protect against sql injection, xss, csrf

frontend/src/components/AuthModal.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useEffect, useRef } from "react";
 import { useAuth } from "../contexts/AuthContext";
+import PasswordStrengthMeter from "./PasswordStrengthMeter";
 
 interface AuthModalProps {
   show: boolean;
@@ -198,6 +199,9 @@ const AuthModal: React.FC<AuthModalProps> = ({
                     onChange={(e) => setPassword(e.target.value)}
                     required
                   />
+                  {mode === "signup" && (
+                    <PasswordStrengthMeter password={password} />
+                  )}
                 </div>
 
                 <button