Implement dashboard page

frontend/.eslintrc.js

@@ -1,56 +1,56 @@
-import globals from "globals";
 import pluginJs from "@eslint/js";
-import tseslint from "typescript-eslint";
-import pluginReact from "eslint-plugin-react";
-import pluginPrettier from "eslint-plugin-prettier";
-import pluginA11y from "eslint-plugin-jsx-a11y";
 import pluginImport from "eslint-plugin-import";
+import pluginA11y from "eslint-plugin-jsx-a11y";
+import pluginPrettier from "eslint-plugin-prettier";
+import pluginReact from "eslint-plugin-react";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
 /** @type {import('eslint').Linter.FlatConfig[]} */
 export default [
-    {
-        files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
-        languageOptions: {
-            globals: globals.browser,
-            ecmaVersion: "latest",
-            sourceType: "module",
-            parser: tseslint.parser
-        },
-        plugins: {
-            react: pluginReact,
-            "@typescript-eslint": tseslint.plugin,
-            prettier: pluginPrettier,
-            "jsx-a11y": pluginA11y,
-            import: pluginImport,
-        },
-        rules: {
-            ...pluginJs.configs.recommended.rules,
-            ...tseslint.configs.recommended.rules,
-            ...pluginReact.configs.recommended.rules,
-            "prettier/prettier": "error",
-            "react/display-name": "off",
-            "jsx-a11y/anchor-is-valid": "off",
-            "jsx-a11y/label-has-for": "off",
-            "camelcase": "off",
-            "func-names": ["error", "never"],
-            "import/prefer-default-export": "off",
-            "import/no-anonymous-default-export": "off",
-            "import/no-extraneous-dependencies": "off",
-            "no-multi-spaces": "off",
-            "class-methods-use-this": "off",
-            "no-class-assign": "off",
-            "key-spacing": "off",
-            "lines-between-class-members": "off",
-            "no-param-reassign": "off",
-            "consistent-return": "off",
-            "jsx-a11y/href-no-hash": "off",
-            "import/no-unresolved": "off",
-            "no-tabs": "off",
-            "react/react-in-jsx-scope": "off",
-            "no-use-before-define": "off",
-            "@typescript-eslint/no-use-before-define": "error",
-            "react/jsx-filename-extension": ["error", { "extensions": [".tsx"] }],
-            "react/prop-types": "off"
-        },
+  {
+    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+    languageOptions: {
+      globals: globals.browser,
+      ecmaVersion: "latest",
+      sourceType: "module",
+      parser: tseslint.parser
+    },
+    plugins: {
+      react: pluginReact,
+      "@typescript-eslint": tseslint.plugin,
+      prettier: pluginPrettier,
+      "jsx-a11y": pluginA11y,
+      import: pluginImport
     },
-];
+    rules: {
+      ...pluginJs.configs.recommended.rules,
+      ...tseslint.configs.recommended.rules,
+      ...pluginReact.configs.recommended.rules,
+      "prettier/prettier": "error",
+      "react/display-name": "off",
+      "jsx-a11y/anchor-is-valid": "off",
+      "jsx-a11y/label-has-for": "off",
+      camelcase: "off",
+      "func-names": ["error", "never"],
+      "import/prefer-default-export": "off",
+      "import/no-anonymous-default-export": "off",
+      "import/no-extraneous-dependencies": "off",
+      "no-multi-spaces": "off",
+      "class-methods-use-this": "off",
+      "no-class-assign": "off",
+      "key-spacing": "off",
+      "lines-between-class-members": "off",
+      "no-param-reassign": "off",
+      "consistent-return": "off",
+      "jsx-a11y/href-no-hash": "off",
+      "import/no-unresolved": "off",
+      "no-tabs": "off",
+      "react/react-in-jsx-scope": "off",
+      "no-use-before-define": "off",
+      "@typescript-eslint/no-use-before-define": "error",
+      "react/jsx-filename-extension": ["error", { extensions: [".tsx"] }],
+      "react/prop-types": "off"
+    }
+  }
+];

frontend/.prettierrc

@@ -1,16 +1,17 @@
 {
-    "semi": true,
-    "tabWidth": 2,
-    "printWidth": 85,
-    "singleQuote": true,
-    "trailingComma": "none",
-    "arrowParens": "avoid",
-    "endOfLine": "lf",
-    "htmlWhitespaceSensitivity": "css",
-    "insertPragma": false,
-    "jsxSingleQuote": false,
-    "proseWrap": "always",
-    "quoteProps": "as-needed",
-    "requirePragma": false,
-    "useTabs": false
-}
+  "semi": true,
+  "tabWidth": 2,
+  "printWidth": 80,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "arrowParens": "avoid",
+  "endOfLine": "lf",
+  "htmlWhitespaceSensitivity": "css",
+  "insertPragma": false,
+  "jsxSingleQuote": false,
+  "proseWrap": "always",
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "useTabs": false,
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

frontend/components.json

@@ -11,11 +11,11 @@
     "prefix": ""
   },
   "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
+    "components": "@/shared/components",
+    "utils": "@/shared/utils/tailwindcss",
+    "ui": "@/shared/components/ui",
+    "lib": "@/shared/lib",
+    "hooks": "@/shared/hooks"
   },
   "iconLibrary": "lucide"
-}
+}

frontend/eslint.config.js

@@ -1,28 +1,28 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from "@eslint/js";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
 export default tseslint.config(
-  { ignores: ['dist'] },
+  { ignores: ["dist"] },
   {
     extends: [js.configs.recommended, ...tseslint.configs.recommended],
-    files: ['**/*.{ts,tsx}'],
+    files: ["**/*.{ts,tsx}"],
     languageOptions: {
       ecmaVersion: 2020,
-      globals: globals.browser,
+      globals: globals.browser
     },
     plugins: {
-      'react-hooks': reactHooks,
-      'react-refresh': reactRefresh,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh
     },
     rules: {
       ...reactHooks.configs.recommended.rules,
-      'react-refresh/only-export-components': [
-        'warn',
-        { allowConstantExport: true },
-      ],
-    },
-  },
-)
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true }
+      ]
+    }
+  }
+);