add HOC for role restriction

src/utils/withUserRole.tsx

@@ -0,0 +1,12 @@
+import React from "react"
+import { useSelector } from "react-redux"
+import { selectUserRoles } from "../store/auth"
+
+function withUserRole<T>(requiredRole: string, Component: React.ComponentType<T>) {
+    return (props: T): JSX.Element | null => {
+        const roles = useSelector(selectUserRoles)
+        return roles.includes(requiredRole) ? <Component {...props} /> : null
+    }
+}
+
+export default withUserRole