Make the schema user-selectable again

Author: hasparus

src/components/index-page/how-it-works/how-it-works-list-item.tsx

@@ -13,7 +13,7 @@ export function HowItWorksListItem({
         {text}
         {icon}
       </div>
-      <div className="mt-px flex-1 bg-neu-0 text-sm/[21px] [--cm-background:transparent] md:pl-2 md:pt-2 max-md:[&_code>span]:!pl-0 [&_pre]:border-none [&_pre]:ring-0">
+      <div className="mt-px flex-1 bg-neu-0 text-sm/[21px] [--cm-background:transparent] md:pl-2 max-md:[&_code>span]:!pl-0 [&_pre]:border-none [&_pre]:ring-0">
         {code}
       </div>
     </li>

src/components/index-page/how-it-works/index.tsx

@@ -53,9 +53,8 @@ export function HowItWorks() {
         {inView && (
           <ol
             // this is rendered *on top* of the static version to avoid layout shift
-            className="absolute inset-0 list-none gap-px lg:grid lg:grid-cols-3"
+            className="pointer-events-none absolute inset-0 list-none gap-px *:pointer-events-auto lg:grid lg:grid-cols-3 lg:[&>:first-child]:col-start-2"
           >
-            <div className="pointer-events-none" />
             <InteractiveEditor />
           </ol>
         )}