fix(nextjs): changed mislabed icons and tooltip in sidebar + bumped l…

…ucide-react

apps/nextjs/src/app/(dashboard)/project/[id]/(root)/layout.tsx

@@ -1,8 +1,7 @@
 import React, { cache } from "react";
 import Link from "next/link";
 import { notFound } from "next/navigation";
-import { Home, Package2, Search, Settings, Workflow } from "lucide-react";
-
+import { House, User, Search, Settings, Workflow, ChartArea } from "lucide-react";
 import { db } from "@amaxa/db/client";
 import {
   Breadcrumb,
@@ -50,10 +49,10 @@ export default async function Layout({
       <aside className="fixed inset-y-0 left-0 z-10 hidden w-14 flex-col border-r bg-background sm:flex">
         <nav className="flex flex-col items-center gap-4 px-2 sm:py-4">
           <Link
-            href="#"
+            href="/"
             className="group flex h-9 w-9 shrink-0 items-center justify-center gap-2 rounded-full bg-primary text-lg font-semibold text-primary-foreground md:h-8 md:w-8 md:text-base"
           >
-            <Package2 className="h-4 w-4 transition-all group-hover:scale-110" />
+            <House className="h-5 w-5" />
             <span className="sr-only">{data.name}</span>
           </Link>
           <Tooltip>
@@ -62,7 +61,7 @@ export default async function Layout({
                 href={`/project/${id}/`}
                 className="flex h-9 w-9 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
               >
-                <Home className="h-5 w-5" />
+                <ChartArea className="h-5 w-5" />
                 <span className="sr-only">Dashboard</span>
               </Link>
             </TooltipTrigger>
@@ -84,14 +83,14 @@ export default async function Layout({
           <Tooltip>
             <TooltipTrigger asChild>
               <Link
-                href={`/project/${id}/users`}
+                href={`/project/${id}/permissions`}
                 className="flex h-9 w-9 items-center justify-center rounded-lg text-accent-foreground transition-colors hover:text-foreground md:h-8 md:w-8"
               >
-                <Workflow className="h-5 w-5 bg-gray-100" />
-                <span className="sr-only">Tasks</span>
+                <User className="h-5 w-5 bg-gray-100" />
+                <span className="sr-only">Users</span>
               </Link>
             </TooltipTrigger>
-            <TooltipContent side="right">Tasks</TooltipContent>
+            <TooltipContent side="right">Users</TooltipContent>
           </Tooltip>
         </nav>
         <nav className="mt-auto flex flex-col items-center gap-4 px-2 sm:py-4">

package.json

@@ -29,5 +29,8 @@
     "turbo": "^2.0.6",
     "typescript": "^5.4.5"
   },
-  "prettier": "@amaxa/prettier-config"
+  "prettier": "@amaxa/prettier-config",
+  "dependencies": {
+    "lucide-react": "^0.416.0"
+  }
 }