Redesign roles page

.gitattributes

@@ -0,0 +1,37 @@
+# Handle line endings automatically for files detected as text
+# and leave all files detected as binary untouched.
+* text=auto
+
+#
+# The above will handle all files NOT found below
+#
+# These files are text and should be normalized (Convert crlf => lf)
+*.css           text
+*.groovy        text
+*.htm           text
+*.html          text
+*.java          text
+*.js            text
+*.json          text
+*.jelly         text
+*.jellytag      text
+*.properties    text
+*.rb            text
+*.sh            text
+*.txt           text
+*.xml           text
+
+# These files are binary and should be left untouched
+# (binary is a macro for -text -diff)
+*.class         binary
+*.gz            binary
+*.tgz           binary
+*.gif           binary
+*.hpi           binary
+*.ico           binary
+*.jar           binary
+*.jpg           binary
+*.jpeg          binary
+*.png           binary
+*.war           binary
+*.zip           binary

.gitignore

@@ -16,3 +16,8 @@ work
 
 # VSCode
 .vscode
+
+# Frontend build
+node/
+node_modules/
+src/main/webapp/js/bundles/

.prettierignore

@@ -0,0 +1,21 @@
+/src/*
+!/src/main/
+/src/main/*
+!/src/main/frontend/
+!/src/main/webapp/
+/src/main/webapp/js/bundles/
+/src/main/webapp/js/*.js
+/src/main/webapp/css/
+/src/main/webapp/*.css
+/src/main/webapp/help/
+
+/.mvn/*
+/Jenkinsfile
+/pom.xml
+node_modules/
+node/
+target/
+work/
+README.md
+docs/
+.github/

.prettierrc.json

@@ -0,0 +1,7 @@
+{
+  "endOfLine": "auto",
+  "htmlWhitespaceSensitivity": "ignore",
+  "semi": true,
+  "singleQuote": false,
+  "trailingComma": "all"
+}

eslint.config.js

@@ -0,0 +1,66 @@
+import reactHooks from "eslint-plugin-react-hooks";
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import neostandard, { plugins, resolveIgnoresFromGitignore } from "neostandard";
+
+export default [
+  {
+    ignores: [
+      ...resolveIgnoresFromGitignore(),
+      "src/main/webapp/js/*.js",
+      "src/main/webapp/css/**",
+    ],
+  },
+  ...neostandard({
+    noStyle: true,
+    ts: true,
+  }),
+  {
+    ...plugins.react.configs.flat.recommended,
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+  },
+  plugins.react.configs.flat["jsx-runtime"],
+  {
+    plugins: {
+      "react-hooks": reactHooks,
+    },
+    rules: {
+      "react-hooks/rules-of-hooks": "error",
+      "react-hooks/exhaustive-deps": "error",
+    },
+  },
+  plugins.promise.configs["flat/recommended"],
+  {
+    plugins: {
+      "simple-import-sort": simpleImportSort,
+    },
+    rules: {
+      "simple-import-sort/imports": "error",
+      "simple-import-sort/exports": "error",
+    },
+  },
+  {
+    rules: {
+      "no-restricted-imports": [
+        "error",
+        {
+          paths: [
+            {
+              name: "react",
+              importNames: ["default"],
+              message: "Please use named imports instead.",
+            },
+            {
+              name: "react-dom/client",
+              importNames: ["default"],
+              message: "Please use named imports instead.",
+            },
+          ],
+        },
+      ],
+    },
+  },
+];