Code cleanups

web/pages/account.tsx

@@ -19,7 +19,6 @@ export default function Account() {
   return (
     <div className="relative overflow-hidden h-screen bg-cover bg-gray-900">
       <Header />
-      {/* <div className="flex items-center w-full h-max px-4 py-10 bg-cover card"> */}
       <div className="max-w-4xl my-20 mx-auto">
         <div>
           <div className="card glass lg:card-side text-neutral-content bg-gray-800 transition-all max-w-sm mx-auto my-20">

web/pages/contract/index.tsx

@@ -12,7 +12,7 @@ import {
 function ContractCard(props: { contract: Contract }) {
   const { contract } = props
   return (
-    <li key={contract.id}>
+    <li>
       <Link href={`/contract/${contract.id}`}>
         <a className="block hover:bg-gray-600">
           <div className="px-4 py-4 sm:px-6">
@@ -63,7 +63,7 @@ export function ContractList(props: { contracts: Contract[] }) {
     <div className="bg-gray-500 shadow overflow-hidden sm:rounded-md max-w-4xl w-full">
       <ul role="list" className="divide-y divide-gray-200">
         {contracts.map((contract) => (
-          <ContractCard contract={contract} />
+          <ContractCard contract={contract} key={contract.id} />
         ))}
       </ul>
     </div>

web/pages/simulator/index.tsx

@@ -249,7 +249,7 @@ export default function Simulator() {
   }
 
   return (
-    <div className="relative overflow-hidden h-screen bg-gray-900">
+    <div>
       <Header />
       <div className="grid grid-cols-1 xl:grid-cols-2 gap-4 mt-8 max-w-7xl mx-auto text-center">
         {/* Left column */}