chore: Prevent preview pane expanding entire screen

Author: sparkison

src/components/ComposeWizard/styles.module.css

@@ -305,6 +305,8 @@
   position: sticky;
   top: calc(var(--ifm-navbar-height) + 1rem);
   align-self: start;
+  min-width: 0;
+  max-width: 100%;
 }
 
 .livePreview {
@@ -316,6 +318,7 @@
   flex-direction: column;
   max-height: calc(100vh - var(--ifm-navbar-height) - 120px);
   min-height: 400px;
+  min-width: 0;
 }
 
 .previewHeader {
@@ -399,6 +402,8 @@
   line-height: 1.5;
   min-height: 100%;
   white-space: pre;
+  word-break: keep-all;
+  overflow-wrap: normal;
   font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
 }
 

src/data/composeWizardConfig.js

@@ -259,7 +259,7 @@ export const WIZARD_SECTIONS = [
         label: 'Redis Port',
         description: 'Redis server port',
         type: FIELD_TYPES.NUMBER,
-        default: '6379',
+        default: '63790',
         deploymentTypes: ['modular', 'vpn', 'external-nginx', 'external-caddy'],
       },
       {