Update block components to replace paragraph and heading with new text component

packages/client/src/components/app/blocks/CardsBlock.svelte

@@ -125,9 +125,9 @@
           order={0}
         >
           <BlockComponent
-            type="heading"
+            type="textv2"
             props={{
-              text: title,
+              text: title ? `## ${title}` : "",
             }}
             order={0}
           />

packages/client/src/components/app/blocks/MultiStepFormblock.svelte

@@ -148,7 +148,10 @@
               }}
               order={0}
             >
-              <BlockComponent type="heading" props={{ text: step.title }} />
+              <BlockComponent
+                type="textv2"
+                props={{ text: `## ${step.title}` }}
+              />
               {#if buttonPosition === "top"}
                 <BlockComponent
                   type="buttongroup"
@@ -157,7 +160,7 @@
               {/if}
             </BlockComponent>
           </BlockComponent>
-          <BlockComponent type="text" props={{ text: step.desc }} order={1} />
+          <BlockComponent type="textv2" props={{ text: step.desc }} order={1} />
 
           <BlockComponent type="container" order={2}>
             <div

packages/client/src/components/app/blocks/RowExplorer.svelte

@@ -190,7 +190,7 @@
         }}
       />
       <BlockComponent
-        type="text"
+        type="textv2"
         order={1}
         props={{
           text: "Select a row to view its fields",

packages/client/src/components/app/blocks/form/InnerFormBlock.svelte

@@ -74,11 +74,11 @@
             order={0}
           >
             <BlockComponent
-              type="heading"
-              props={{ text: title || "" }}
+              type="textv2"
+              props={{ text: title ? `## ${title}` : "" }}
               order={0}
             />
-            {#if buttonPosition == "top"}
+            {#if buttonPosition === "top"}
               <BlockComponent
                 type="buttongroup"
                 props={{
@@ -93,7 +93,7 @@
         </BlockComponent>
       {/if}
       {#if description}
-        <BlockComponent type="text" props={{ text: description }} order={1} />
+        <BlockComponent type="textv2" props={{ text: description }} order={1} />
       {/if}
       <BlockComponent type="container">
         <div class="form-block fields" class:mobile={$context.device.mobile}>

packages/client/src/components/app/deprecated/TableBlock.svelte

@@ -184,9 +184,9 @@
           order={0}
         >
           <BlockComponent
-            type="heading"
+            type="textv2"
             props={{
-              text: title,
+              text: title ? `## ${title}` : "",
             }}
             order={0}
           />