- update .gitignore

- update package.json with missing dependencies
- update package.json to use yarn
- add yarn.lock
- add .yarnrc.yml
- remove package-lock.json
- update HomePageLayoutsLayoutrsHeroLayout.jsx to pass keys explicitly
- update CoreQuote fragment to not error

.gitignore

@@ -2,8 +2,17 @@
 
 # dependencies
 /node_modules
-/.pnp
-.pnp.js
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+.pnp.*
+.yarn/cache/
+.yarn/unplugged/
+.yarn/build-state.yml
+
 
 # testing
 /coverage

.yarnrc.yml

@@ -0,0 +1 @@
+yarnPath: .yarn/releases/yarn-4.4.0.cjs

components/HomepageLayoutsLayoutsHeroLayout.jsx

@@ -97,16 +97,29 @@ const HomepageLayoutsLayoutsHeroLayout = (hero) => {
                           style={style}
                         >
                           <code className="px-4">
-                            {tokens.map((line, lineIndex) => (
-                              <div key={lineIndex} {...getLineProps({ line })}>
-                                {line.map((token, tokenIndex) => (
-                                  <span
-                                    key={tokenIndex}
-                                    {...getTokenProps({ token })}
-                                  />
-                                ))}
-                              </div>
-                            ))}
+                            {tokens.map((line, lineIndex) => {
+
+                                const lineProps = getLineProps({ line }) || {};
+                                const linePropsKey = lineProps.key || lineIndex;
+                                delete lineProps.key; // delete key to prevent React warning
+                                return  (
+                                <div {...lineProps} key={linePropsKey}>
+                                  {line.map((token, tokenIndex) => {
+
+                                    const tokenProps = getTokenProps({ token }) || {};
+                                    const tokenPropsKey = tokenProps.key || tokenIndex;
+                                    delete tokenProps.key; // delete key to prevent React warning
+
+                                    return (
+                                      <span
+                                          key={tokenPropsKey}
+                                          {...tokenProps}
+                                      />
+                                    )
+                                  })}
+                                </div>
+                              )}
+                            )}
                           </code>
                         </pre>
                       )}