Make list of contract's bets be a card. Underline contract question as a link.

web/components/bets-list.tsx

@@ -90,12 +90,14 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
   const { resolution } = contract
 
   return (
-    <div className="px-4">
+    <div className="p-6 bg-white card card-body shadow-xl ">
       <Link href={path(contract)}>
         <a>
-          <div className="font-medium text-indigo-700 mb-1">
+          <div className="font-medium text-indigo-700 mb-1 hover:underline hover:decoration-indigo-400 hover:decoration-2">
             {contract.question}
           </div>
+        </a>
+      </Link>
 
       <Row className="gap-2 text-gray-500 text-sm">
         <div>
@@ -112,8 +114,6 @@ function MyContractBets(props: { contract: Contract; bets: Bet[] }) {
           </>
         )}
       </Row>
-        </a>
-      </Link>
 
       <Spacer h={6} />