migrated change password

Author: Alessandro100

src/app/screens/ChangePassword.tsx …cale]/change-password/ChangePassword.tsxsrc/app/screens/ChangePassword.tsx renamed to src/app/[locale]/change-password/ChangePassword.tsx src/app/screens/ChangePassword.tsx renamed to src/app/[locale]/change-password/ChangePassword.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import Button from '@mui/material/Button';
 import TextField from '@mui/material/TextField';
@@ -20,13 +22,16 @@ import {
 import {
   passwordValidationRegex,
   passwordValidationError,
-} from '../constants/Validation';
-import { useAppDispatch } from '../hooks';
-import { changePassword, changePasswordInit } from '../store/profile-reducer';
+} from '../../constants/Validation';
+import { useAppDispatch } from '../../hooks';
+import {
+  changePassword,
+  changePasswordInit,
+} from '../../store/profile-reducer';
 import {
   selectChangePasswordError,
   selectChangePasswordStatus,
-} from '../store/profile-selectors';
+} from '../../store/profile-selectors';
 import { useSelector } from 'react-redux/es/hooks/useSelector';
 import { useRouter } from 'next/navigation';
 import { VisibilityOffOutlined, VisibilityOutlined } from '@mui/icons-material';

src/app/[locale]/change-password/page.tsx

@@ -0,0 +1,14 @@
+import { type ReactElement } from 'react';
+import ChangePassword from './ChangePassword';
+import { ReduxGateWrapper } from '../../components/ReduxGateWrapper';
+import { ProtectedPageWrapper } from '../../components/ProtectedPageWrapper';
+
+export default function ChangePasswordPage(): ReactElement {
+  return (
+    <ReduxGateWrapper>
+      <ProtectedPageWrapper>
+        <ChangePassword />
+      </ProtectedPageWrapper>
+    </ReduxGateWrapper>
+  );
+}