Master (#3)

* added: driver type data

* feat: added client side pages and components

* admin-dashboard-updated

---------

Co-authored-by: Sagar Adhikari <sagarjungadhikari19@gmail.com>

src/admin/global/Sidebar.tsx

@@ -0,0 +1,47 @@
+import { NavLink } from "react-router-dom";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import {
+    faBook,
+    // faGear,
+    faHouse,
+    // faList,
+    // faRightFromBracket,
+    faUser,
+} from "@fortawesome/free-solid-svg-icons";
+
+const SideBar = () => {
+    const homeIcon = <FontAwesomeIcon icon={faHouse} />;
+    const guestIcon = <FontAwesomeIcon icon={faUser} />;
+    const bookingIcon = <FontAwesomeIcon icon={faBook} />;
+    // const settingIcon = <FontAwesomeIcon icon={faGear} />;
+    // const logoutIcon = <FontAwesomeIcon icon={faRightFromBracket} />;
+    // const logIcon = <FontAwesomeIcon icon={faList} />;
+
+    return (
+        <div className="w-64 p-4 text-gray-900 mt-5">
+            <nav className="grid justify-between space-y-6 text-base ">
+                <NavLink to="dashboard" className="nav-link  " title="Dashboard">
+                    {homeIcon} Dashboard
+                </NavLink>
+                <NavLink to="onlinedriver" className="nav-link  " title="Online_driver">
+                    {guestIcon} Online Driver
+                </NavLink>
+                <NavLink to="driverDetails" className="nav-link  " title="Drivers">
+                    {guestIcon} Drivers Details
+                </NavLink>
+                <NavLink to="passengers" className="nav-link  " title="Passengers">
+                    {bookingIcon} Passengers
+                </NavLink>
+                <NavLink to="Rating" className="nav-link  " title="Driver Rating">
+                    {bookingIcon}  Driver Rating
+                </NavLink>
+                <NavLink to="rides" className="nav-link  " title=" Rides Details">
+                    {bookingIcon} Rides Details
+                </NavLink>
+
+            </nav>
+        </div>
+    );
+};
+
+export default SideBar;

src/client/components/shared/NavItem.tsx

@@ -1,5 +1,6 @@
 import { NavLink, useLocation } from "react-router-dom";
 
+
 type navLinkProp = {
   to: string;
   text: string;
@@ -14,7 +15,9 @@ export function NavItem({ to, text, setIsOpen }: navLinkProp) {
     <NavLink
       onClick={() => setIsOpen(false)}
       to={to}
+
       className={`${activeClassName}  mt-1 block px-2 py-1  font-semibold sm:mt-0 sm:ml-2`}
+
     >
       {text}
     </NavLink>