Fix #12716 does not update the config generation section (#12718)

This is a really odd bug, where Firefox doesn't re-render the `code` element, even though `children` changed.

Two things fixed that:
- remove the `language-ini` `className`
- replace the `code` block with a `div`

Both are not ideal. Therefor this solution adds an inner `div` that now has the classes while still maintaining the semantic `code` element.

I couldn't find any explanation for why this is happening and why it only happens in Firefox. I assume it is a bug caused by one of our many dependencies (or their interplay)

To make matters worse: This bug *doesn't* occure when running the site in dev mode. You have to build and serve the site to recreate it.

website/src/components/quickstart.js

@@ -215,15 +215,17 @@ const Quickstart = ({
                     }
                 )}
                 <pre className={classes['code']}>
-                    <code
+                    <code>
-                        className={classNames(classes['results'], {
+                        <div
-                            [classes['small']]: !!small,
+                            className={classNames(classes['results'], {
-                            [`language-${codeLang}`]: !!codeLang,
+                                [classes['small']]: !!small,
-                        })}
+                                [`language-${codeLang}`]: !!codeLang,
-                        data-quickstart-results=""
+                            })}
-                        ref={contentRef}
+                            data-quickstart-results=""
-                    >
+                            ref={contentRef}
-                        {Children.toArray(children).flat().filter(isRelevant)}
+                        >
+                            {Children.toArray(children).flat().filter(isRelevant)}
+                        </div>
                     </code>
 
                     <menu className={classes['menu']}>