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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Form } from 'formik';
+
+import { RoleFormHeader } from './RoleFormHeader';
+import { RolesPermissionList } from './components';
+import { RoleFormFloatingActions } from './RoleFormFloatingActions';
+import { RoleFormObserver } from './RoleFormObserver';
+
+/**
+ * Preferences - Roles Form content.
+ * @returns {React.JSX}
+ */
+export default function RolesFormContent() {
+  return (
+    <Form>
+      <RoleFormHeader />
+      <RolesPermissionList />
+      <RoleFormFloatingActions />
+      <RoleFormObserver />
+    </Form>
+  );
+}