docs: update homepage snippets (#2673)

Author: bennypowers

docs/_snippets/accordion-jsx.md

@@ -1,21 +1,24 @@
 ```jsx
-import React from "react";
-import "@patternfly/elements/pf-accordion/pf-accordion.js";
+import {
+  Accordion,
+  AccordionPanel,
+  AccordionHeader,
+} from "@patternfly/elements/react/pf-accordion/pf-accordion.js";
 
 export default function App() {
   const data = [
     { header: "Getting Started", panel: <>Read our <a href="/get-started/">Getting started</a> page to learn how to install and use PatternFly Elements.<>},
     { header: "HTML APIs", panel: <>For more information on how to use each PatternFly element, read the <a href="/components/">component docs</a>.<>}
   ];
   return (
-    <pf-accordion>{data.map(({ header, panel }) => (
-      <pf-accordion-header>
+    <Accordion>{data.map(({ header, panel }) => (
+      <AccordionHeader>
         <h3>{header}</h3>
-      </pf-accordion-header>
-      <pf-accordion-panel>
+      </AccordionHeader>
+      <AccordionPanel>
         <p>{panel}</p>
-      </pf-accordion-panel>))}
-    </pf-accordion>
+      </AccordionPanel>))}
+    </Accordion>
   );
 }
 ```

docs/_snippets/card-html.md

@@ -1,5 +1,5 @@
 ```html
-<script type="module" src="https://jspm.dev/@patternfly/elements/pf-card/pf-card.js"></script>
+<script type="module" src="https://esm.sh/@patternfly/elements/pf-card/pf-card.js"></script>
 
 <pf-card border>
   <h2 slot="header">Card component</h2>