Changes

src/pages/member/MemberAccess.tsx

@@ -131,7 +131,10 @@ export default function MemberAccess() {
                   </div>
                 </CardHeader>
                 <CardContent>
-                  <p className="text-muted-foreground mb-4 line-clamp-2">{item.product.description}</p>
+                  <div 
+                    className="text-muted-foreground mb-4 line-clamp-2 prose prose-sm max-w-none"
+                    dangerouslySetInnerHTML={{ __html: item.product.description || '' }}
+                  />
                   {renderAccessActions(item)}
                 </CardContent>
               </Card>

src/pages/member/MemberOrders.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useNavigate, Link } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import { AppLayout } from "@/components/AppLayout";
 import { useAuth } from "@/hooks/useAuth";
 import { supabase } from "@/integrations/supabase/client";
@@ -97,8 +97,11 @@ export default function MemberOrders() {
         ) : (
           <div className="space-y-4">
             {orders.map((order) => (
-              <Link key={order.id} to={`/orders/${order.id}`}>
+              <Card 
-                <Card className="border-2 border-border hover:border-primary transition-colors cursor-pointer">
+                key={order.id} 
+                className="border-2 border-border hover:border-primary transition-colors cursor-pointer"
+                onClick={() => navigate(`/orders/${order.id}`)}
+              >
                 <CardContent className="py-4">
                   <div className="flex items-center justify-between">
                     <div>
@@ -118,7 +121,6 @@ export default function MemberOrders() {
                   </div>
                 </CardContent>
               </Card>
-              </Link>
             ))}
           </div>
         )}