code block + typesense persistence (#206)

Author: vankovap

apps/docs/content/postgresql/how-to/manage.mdx

@@ -51,7 +51,6 @@ You can install these tools with a simple one-click import in Zerops:
     {
       label: 'AdminerEvo',
       language: 'yaml',
-      title: 'Import AdminerEvo to Zerops',
       code: `services:
   - hostname: adminerevo
     type: php-apache@8.3
@@ -61,7 +60,6 @@ You can install these tools with a simple one-click import in Zerops:
     {
       label: 'phpMyAdmin',
       language: 'yaml',
-      title: 'Import phpMyAdmin to Zerops',
       code: `services:
   - hostname: phpmyadmin
     type: php-apache@8.1+2.4

apps/docs/content/typesense/overview.mdx

@@ -28,6 +28,14 @@ num-collections-parallel-load: 8
 
 These defaults are optimized for most common use cases and managed by the platform. If you need to adjust these settings, please contact us through our [support channels](#support).
 
+### Data Persistence
+
+Typesense data is automatically persisted to disk at `/var/lib/typesense`.
+
+This ensures that data remains intact during service restarts (Typesense automatically reloads the persisted data into memory upon startup).
+
+This persistence mechanism works in both HA and non-HA deployment modes, though with different reliability guarantees as detailed below.
+
 ### Deployment Modes
 
 :::warning

apps/docs/src/components/TabbedCodeBlock/index.tsx

@@ -19,6 +19,9 @@ const TabbedCodeBlocks = ({ tabs, defaultTab }) => {
   // Find the currently active tab object
   const activeTabData = tabs.find(tab => tab.label === activeTab) || tabs[0];
 
+  // Determine title - only use title if it's non-empty
+  const codeTitle = activeTabData.title ? activeTabData.title : null;
+
   return (
     <div className={styles.tabbedCodeContainer}>
       <div className={styles.tabsHeader}>
@@ -35,7 +38,7 @@ const TabbedCodeBlocks = ({ tabs, defaultTab }) => {
       <div className={styles.codeBlockWrapper}>
         <CodeBlock
           className={`language-${activeTabData.language || 'yaml'}`}
-          title={activeTabData.title || activeTabData.label}
+          title={codeTitle}
         >
           {activeTabData.code}
         </CodeBlock>

apps/docs/src/components/TabbedCodeBlock/styles.module.css

@@ -51,11 +51,12 @@
   color: var(--ifm-color-danger);
 }
 
-.codeHeader {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
+.tabbedCodeContainer :global(.code-header) {
+  @apply rounded-tl-none rounded-tr-none border-b-0;
+}
+
+.tabbedCodeContainer :global(.language-yaml) {
+  @apply rounded-tl-none rounded-tr-none border-b-0;
 }
 
 .githubLink {