Migrate to SCSS modules

frontend/src/pages/chat/ui/left/settings/ChangePasswordDialog.tsx

@@ -4,6 +4,7 @@ import type { DialogProps } from "@/core/types";
 import { useAppState } from "@/pages/chat/state";
 import { changePassword } from "@/core/api/securityApi";
 import { MaterialButton, MaterialIconButton, MaterialSwitch, MaterialTextField } from "@/utils/material";
+import styles from "@/pages/chat/css/changePasswordDialog.module.scss";
 
 export default function ChangePasswordDialog({ isOpen, onOpenChange }: DialogProps) {
     const { user } = useAppState();
@@ -16,12 +17,12 @@ export default function ChangePasswordDialog({ isOpen, onOpenChange }: DialogPro
 
     return (
         <StyledDialog open={isOpen} onOpenChange={onOpenChange} className="change-password-dialog">
-            <div className="cpd-container">
-                <div className="cpd-titlebar">
+            <div className={styles.cpdContainer}>
+                <div className={styles.cpdTitlebar}>
                     <MaterialIconButton icon="close" onClick={() => onOpenChange(false)}></MaterialIconButton>
-                    <div className="cpd-title">Изменить пароль</div>
+                    <div className={styles.cpdTitle}>Изменить пароль</div>
                 </div>
-                <div className="cpd-content">
+                <div className={styles.cpdContent}>
                     <form onSubmit={async (e) => {
                         e.preventDefault();
                         if (!user.authToken || !user.currentUser?.username) return;
@@ -64,14 +65,14 @@ export default function ChangePasswordDialog({ isOpen, onOpenChange }: DialogPro
                             variant="outlined"
                             toggle-password
                             required />
-                        <div className="cpd-logout-all">
+                        <div className={styles.cpdLogoutAll}>
                             <MaterialSwitch 
                                 name="cpd-logout-all" 
                                 checked={logoutAll} 
                                 onInput={(e) => setLogoutAll(e.target.checked)} />
                             <label htmlFor="cpd-logout-all">Выйти на всех устройствах (кроме текущего)</label>
                         </div>
-                        <div className="cpd-actions">
+                        <div className={styles.cpdActions}>
                             <MaterialButton type="submit" disabled={busy}>Сохранить</MaterialButton>
                         </div>
                     </form>