chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/containers/Preferences/Users/Roles/RolesForm/RolesFormPage.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+import { RolesFormProvider } from './RolesFormProvider';
+import RolesForm from './RolesForm';
+
+/**
+ * Roles Form page.
+ */
+export default function RolesFormPage() {
+  const { id } = useParams();
+  const idInteger = parseInt(id, 10);
+
+  return (
+    <RolesFormProvider roleId={idInteger}>
+      <RolesForm />
+    </RolesFormProvider>
+  );
+}