Improve card style flashing on load

web/components/contract-card.tsx

@@ -24,27 +24,26 @@ export function ContractCard(props: {
   const { probPercent } = contractMetrics(contract)
 
   return (
-    <Link href={contractPath(contract)}>
+    <div className={className}>
-      <a
+      <Link href={contractPath(contract)}>
-        className={clsx(
+        <a>
-          'col-span-1 bg-white hover:bg-gray-100 shadow-md rounded-lg list-none card card-body p-6',
+          <div className="bg-white hover:bg-gray-100 shadow-md rounded-lg p-6">
-          className
+            <Row className="justify-between gap-4 mb-2">
-        )}
+              <p className="font-medium text-indigo-700">{question}</p>
-      >
+              <ResolutionOrChance
-        <Row className="justify-between gap-4 mb-2">
+                className="items-center"
-          <p className="font-medium text-indigo-700">{question}</p>
+                resolution={resolution}
-          <ResolutionOrChance
+                probPercent={probPercent}
-            className="items-center"
+              />
-            resolution={resolution}
+            </Row>
-            probPercent={probPercent}
+            <AbbrContractDetails
-          />
+              contract={contract}
-        </Row>
+              showHotVolume={showHotVolume}
-        <AbbrContractDetails
+            />
-          contract={contract}
+          </div>
-          showHotVolume={showHotVolume}
+        </a>
-        />
+      </Link>
-      </a>
+    </div>
-    </Link>
   )
 }