add initial app state for development with redux/theming set up (#165)

This sets up the app with mui and redux dependencies, implements the
theme and configures svgs along with other related pieces. This is the
base of what is needed for development. The remainder will just be app
specific pieces such as charts and implementing the rest of the
application.

I think the main thing that can be slotted in here is branding with the
GuideLLM Logo since this PR originally introduced the old NM branding.
Not my highest priority right now but happy to fix in this PR.

---------

Co-authored-by: Mark Kurtz <[email protected]>
Co-authored-by: Copilot <[email protected]>

Author: 3 people

.eslintrc.json

@@ -30,12 +30,40 @@
     "import/order": [
       "error",
       {
-        "groups": [["builtin", "external", "internal"]],
-        "newlines-between": "always"
+        "groups": [
+          ["builtin", "external"],
+          ["internal", "parent", "sibling", "index"]
+        ],
+        "newlines-between": "always-and-inside-groups",
+        "pathGroups": [
+          {
+            "pattern": "@{app,assets,classes,components,hooks,lib,pages,store,tests,types,utils}/**",
+            "group": "internal",
+            "position": "before"
+          },
+          {
+            "pattern": "{.,..}/**",
+            "group": "internal",
+            "position": "after"
+          }
+        ],
+        "pathGroupsExcludedImportTypes": ["builtin"],
+        "alphabetize": { "order": "asc", "caseInsensitive": true }
       }
     ],
     "import/no-extraneous-dependencies": ["error"],
     "no-secrets/no-secrets": ["error", { "additionalRegexes": {}, "ignoreContent": [] }]
   },
-  "settings": { "next": { "rootDir": ["src/ui/", "tests/ui/"] } }
+  "settings": {
+    "next": { "rootDir": ["src/ui/", "tests/ui/"] },
+    "import/resolver": {
+      "typescript": {
+        "project": [
+          "src/ui/tsconfig.json",
+          "tsconfig.test.json",
+          "tsconfig.cypress.json"
+        ]
+      }
+    }
+  }
 }

.gitignore

@@ -223,4 +223,5 @@ src/ui/next-env.d.ts
 !.eslintrc.json
 !tsconfig.json
 !tsconfig.*.json
+!src/ui/lib
 !src/ui/public/manifest.json

jest.config.js

@@ -1,7 +1,8 @@
+const path = require('path');
 const nextJest = require('next/jest');
 
 const createJestConfig = nextJest({
-  dir: './src/ui',
+  dir: path.resolve(__dirname, 'src/ui'),
 });
 
 const customJestConfig = {
@@ -12,7 +13,11 @@ const customJestConfig = {
   coverageReporters: ['json', 'text-summary', 'lcov'],
   moduleFileExtensions: ['ts', 'tsx', 'js'],
   moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/$1',
+    '^.+\\.(svg)$': '<rootDir>/tests/ui/__mocks__/svg.js',
+    '^@/(.*)$': '<rootDir>/src/$1',
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      '<rootDir>/tests/ui/__mocks__/fileMock.js',
+    '\\.(css|less|scss|sass)$': '<rootDir>/tests/ui/__mocks__/styleMock.js',
   },
   setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
   testEnvironment: 'jest-environment-jsdom',