fix(console): render FAQ answers in the server HTML (#56535)

packages/console/app/src/component/faq.tsx

@@ -3,7 +3,7 @@ import { ParentProps } from "solid-js"
 
 export function Faq(props: ParentProps & { question: string }) {
   return (
-    <Collapsible data-slot="faq-item">
+    <Collapsible forceMount data-slot="faq-item">
       <Collapsible.Trigger data-slot="faq-question">
         <svg
           data-slot="faq-icon-plus"

packages/console/app/src/style/component/faq.css

@@ -0,0 +1,4 @@
+/* Answers stay in the server HTML so they can be read without JavaScript and indexed. */
+[data-slot="faq-answer"][data-closed] {
+  display: none;
+}

packages/console/app/src/style/index.css

@@ -3,6 +3,7 @@
 @import "./token/space.css";
 
 @import "./component/button.css";
+@import "./component/faq.css";
 
 @import "./reset.css";
 @import "./base.css";