feat: create initial users page and update ModuleCard to support navigation

app/(backend)/page.tsx

@@ -20,6 +20,7 @@ import {
   UserCircle,
   Users,
 } from "lucide-react";
+import Link from "next/link";
 import React from "react";
 
 const Dashboard: React.FC = () => {
@@ -222,13 +223,15 @@ const Dashboard: React.FC = () => {
 
             <div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
               {category.items.map((item) => (
-                <ModuleCard
-                  key={item.id}
-                  title={item.title}
-                  description={item.description}
-                  icon={item.icon}
-                  onClick={() => console.log(`Navigating to ${item.path}`)}
-                />
+                <Link key={item.id} href={item.path} className="block">
+                  <ModuleCard
+                    key={item.id}
+                    title={item.title}
+                    description={item.description}
+                    icon={item.icon}
+                    //onClick={() => console.log(`Navigating to ${item.path}`)}
+                  />
+                </Link>
               ))}
             </div>
           </div>