ui: improve admin ui

src/app/admin/BusinessTable.tsx

@@ -37,12 +37,16 @@ const BusinessTable = ({ businesses }: BusinessTableProps) => {
             <TableRow key={business.id}>
               <TableCell>
                 <Link href={`/admin/business/${business.id}/projects`}>
-                  <p className="hover:text-blue-600">{business.business_name}</p>
+                  <p className="text-blue-600 hover:bg-blue-100 dark:text-blue-400 dark:hover:bg-blue-700 border border-transparent hover:border-blue-300 rounded-md px-2 py-1 cursor-pointer transition duration-200">
+                    {business.business_name}
+                  </p>
                 </Link>
               </TableCell>
               <TableCell>
                 <Link href={`/profile/${business.user_id}`}>
-                  <p className="hover:text-blue-600">{business.username}</p>
+                  <p className="text-blue-600 hover:bg-blue-100 dark:text-blue-400 dark:hover:bg-blue-700 border border-transparent hover:border-blue-300 rounded-md px-2 py-1 cursor-pointer transition duration-200">
+                    {business.username}
+                  </p>
                 </Link>
               </TableCell>
               <TableCell>{business.business_type}</TableCell>

src/app/admin/page.tsx

@@ -2,6 +2,7 @@ import { getAllBusinesses } from "@/lib/data/businessQuery";
 import { createSupabaseClient } from "@/lib/supabase/serverComponentClient";
 import BusinessTable from "./BusinessTable";
 import { Separator } from "@/components/ui/separator";
+import Link from "next/link";
 
 export default async function AdminPage() {
   const client = createSupabaseClient();
@@ -15,6 +16,14 @@ export default async function AdminPage() {
     <div className="container max-w-screen-xl my-4">
       <h1 className="text-2xl font-bold">Business List</h1>
       <Separator className="my-3" />
+
+      {/* Navigation Links */}
+      <div className="mb-4">
+        <Link href="/admin/business" passHref>
+          <button className="px-4 py-2 bg-blue-500 text-white rounded-md">Go to Business Application</button>
+        </Link>
+      </div>
+
       <BusinessTable businesses={data} />
     </div>
   );