feat(forklifts): added the ability to add new forklifts in

frontend/src/components/navBar/ForkliftSideBar.tsx

@@ -61,7 +61,7 @@ export default function ForkliftSideBar() {
 		},
 		{
 			title: "Forklifts",
-			url: "/lst/app/admin/modules",
+			url: "/lst/app/forklifts/forklifts",
 			icon: Forklift,
 			role: ["systemAdmin", "admin", "manager", "supervisor"],
 			module: "forklifts",

frontend/src/components/navBar/Nav.tsx

@@ -1,6 +1,7 @@
 import { Link, useRouterState } from "@tanstack/react-router";
 import { useState } from "react";
 import NewCompanyForm from "@/routes/_app/_forklifts/-components/NewCompany";
+import NewForklift from "@/routes/_app/_forklifts/-components/NewForklift";
 import NewInvoice from "@/routes/_app/_forklifts/-components/NewInvoice";
 import NewLeaseForm from "@/routes/_app/_forklifts/-components/NewLease";
 import { useAuth, useLogout } from "../../lib/authClient";
@@ -25,6 +26,7 @@ export default function Nav() {
 	const [openDialog, setOpenDialog] = useState(false);
 	const [openLeaseDialog, setOpenLeaseDialog] = useState(false);
 	const [openInvoiceDialog, setOpenInvoiceDialog] = useState(false);
+	const [openForkliftDialog, setOpenForkliftDialog] = useState(false);
 	return (
 		<nav className="flex justify-end w-full shadow ">
 			<div className="m-2 flex flex-row gap-1">
@@ -75,6 +77,14 @@ export default function Nav() {
 									>
 										New Invoice
 									</DropdownMenuItem>
+									<DropdownMenuItem
+										onSelect={() => {
+											// just open the dialog when clicked
+											setOpenForkliftDialog(true);
+										}}
+									>
+										New Forklift
+									</DropdownMenuItem>
 								</DropdownMenuContent>
 							</DropdownMenu>
 							{/* Company */}
@@ -105,6 +115,16 @@ export default function Nav() {
 									</DialogContent>
 								</Dialog>
 							)}
+							{openForkliftDialog && (
+								<Dialog
+									open={openForkliftDialog}
+									onOpenChange={setOpenForkliftDialog}
+								>
+									<DialogContent className="sm:max-w-fit">
+										<NewForklift setOpenDialog={setOpenForkliftDialog} />
+									</DialogContent>
+								</Dialog>
+							)}
 						</>
 					)}
 				</div>