Feat/left menu

dashboard/.eslintrc.cjs

@@ -10,7 +10,7 @@ module.exports = {
     "plugin:react-hooks/recommended",
     "plugin:storybook/recommended",
   ],
-  ignorePatterns: [".eslintrc.cjs", "*.config.js"],
+  ignorePatterns: [".eslintrc.cjs", "*.config.js", "/src/components/ui/*"],
   parser: "@typescript-eslint/parser",
   parserOptions: {
     ecmaFeatures: {
@@ -76,10 +76,10 @@ module.exports = {
       "error",
       "ignorePackages",
       {
-        js: "never",
-        jsx: "never",
-        ts: "never",
-        tsx: "never",
+        "js": "never",
+        "jsx": "never",
+        "ts": "never",
+        "tsx": "never",
       },
     ],
     "import/no-cycle": ["error", { ignoreExternal: true }],

dashboard/README.md

@@ -7,6 +7,12 @@ Currently, two official plugins are available:
 - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
 - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
 
+## Add component
+To add a new component to projet use the following command on terminal:
+```
+pnpm dlx shadcn-ui@latest add <component-name>
+```
+- [Docs](https://ui.shadcn.com/docs/cli)
 ## Expanding the ESLint configuration
 
 If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

dashboard/package.json

@@ -19,14 +19,23 @@
     "@emotion/styled": "^11.11.5",
     "@mui/material": "^5.15.20",
     "@mui/x-charts": "^7.7.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.1",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-navigation-menu": "^1.2.0",
+    "@radix-ui/react-separator": "^1.1.0",
     "@tanstack/react-query": "^5.45.1",
+    "@vitejs/plugin-react": "^4.3.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "flat": "^6.0.1",
     "lucide-react": "^0.396.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-icons": "^5.2.1",
+    "react-intl": "^6.6.8",
     "tailwind-merge": "^2.3.0",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "vite": "^5.3.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
@@ -43,7 +52,6 @@
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.13.1",
     "@typescript-eslint/parser": "^7.13.1",
-    "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-plugin-import": "^2.29.1",
@@ -55,7 +63,6 @@
     "postcss": "^8.4.38",
     "storybook": "^8.1.10",
     "tailwindcss": "^3.4.4",
-    "typescript": "^5.2.2",
-    "vite": "^5.3.1"
+    "typescript": "^5.2.2"
   }
 }