recommendation flow implemented

POC phase compleated

apps/admin/src/components/users/UserManagement.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect } from "react";
 import { UserGrid } from "@/components/users/UserGrid";
 import { Button } from "@/components/ui/Button";
-import { Card, CardHeader, CardContent } from "@/components/ui/Card";
+import { Card, CardHeader, CardContent } from "@/components/ui/card";
 
 interface User {
   id: string;
@@ -212,7 +212,7 @@ export function UserManagement() {
           </Button>
           <Button
             variant="secondary"
-            onClick={handleEditUser}
+            onClick={() => selectedUser && handleEditUser(selectedUser)}
             disabled={!selectedUser}
           >
             Edit User
@@ -235,7 +235,7 @@ export function UserManagement() {
           </Button>
           <Button
             variant="secondary"
-            onClick={handleDeleteUser}
+            onClick={() => selectedUser && handleDeleteUser(selectedUser)}
             disabled={!selectedUser}
           >
             Delete User
@@ -434,8 +434,14 @@ export function UserManagement() {
 
       {selectedUser && (
         <Card>
-          <CardHeader>
+          <CardHeader className="flex flex-row items-center justify-between">
             <h3 className="text-lg font-semibold">User Details</h3>
+            <a
+              href={`/users/${selectedUser.id}`}
+              className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 text-sm font-medium"
+            >
+              View Full Profile & Recommendations
+            </a>
           </CardHeader>
           <CardContent>
             <div className="grid grid-cols-2 gap-4">