Move routes to dashboard app

src/apps/dashboard/routes/users/password.tsx

@@ -0,0 +1,54 @@
+import React, { FunctionComponent, useCallback, useEffect, useState } from 'react';
+
+import SectionTabs from '../../../../components/dashboard/users/SectionTabs';
+import UserPasswordForm from '../../../../components/dashboard/users/UserPasswordForm';
+import { getParameterByName } from '../../../../utils/url';
+import SectionTitleContainer from '../../../../elements/SectionTitleContainer';
+import Page from '../../../../components/Page';
+import loading from '../../../../components/loading/loading';
+
+const UserPassword: FunctionComponent = () => {
+    const userId = getParameterByName('userId');
+    const [ userName, setUserName ] = useState('');
+
+    const loadUser = useCallback(() => {
+        loading.show();
+        window.ApiClient.getUser(userId).then(function (user) {
+            if (!user.Name) {
+                throw new Error('Unexpected null user.Name');
+            }
+            setUserName(user.Name);
+            loading.hide();
+        }).catch(err => {
+            console.error('[userpassword] failed to fetch user', err);
+        });
+    }, [userId]);
+    useEffect(() => {
+        loadUser();
+    }, [loadUser]);
+
+    return (
+        <Page
+            id='userPasswordPage'
+            className='mainAnimatedPage type-interior userPasswordPage'
+        >
+            <div className='content-primary'>
+                <div className='verticalSection'>
+                    <SectionTitleContainer
+                        title={userName}
+                        url='https://jellyfin.org/docs/general/server/users/'
+                    />
+                </div>
+                <SectionTabs activeTab='userpassword'/>
+                <div className='readOnlyContent'>
+                    <UserPasswordForm
+                        userId={userId}
+                    />
+                </div>
+            </div>
+        </Page>
+
+    );
+};
+
+export default UserPassword;