feat: Update ingredient units and improve layout responsiveness across various components

frontend/app/recipes/write/WriteRecipePage.tsx

@@ -44,6 +44,10 @@ const UNIT_OPTIONS = [
   { value: 'tsk', label: 'tsk (tesked)' },
   { value: 'msk', label: 'msk (matsked)' },
   { value: 'krm', label: 'krm (kryddmått)' },
+  { value: 'port', label: 'port (portioner)' },
+  { value: 'efter smak', label: 'Efter smak' },
+  { value: 'förp', label: 'förp (förpackning)' },
+  { value: 'klyfta', label: 'klyfta' },
 ];
 
 type Step = 'input' | 'review' | 'saving';
@@ -311,7 +315,7 @@ Stek löken i lite smör. Tillsätt köttfärsen...`}</pre>
 
       {/* STEG 2: Granskning */}
       {step === 'review' && parsed && (
-        <section style={{ display: 'grid', gridTemplateColumns: '2fr 1fr', gap: '1.5rem' }}>
+        <section style={{ display: 'grid', gridTemplateColumns: showDebugPanel ? '7fr 3fr' : '1fr', gap: '1.5rem' }}>
           {/* Vänster: Receptdetaljer + Ingredienser */}
           <div style={{ display: 'grid', gap: '1.5rem' }}>
             {/* Receptdetaljer */}
@@ -529,10 +533,13 @@ Stek löken i lite smör. Tillsätt köttfärsen...`}</pre>
                     padding: '0.5rem',
                     fontSize: '0.7rem',
                     overflow: 'auto',
-                    maxHeight: '200px',
+                    maxHeight: '250px',
                     margin: '0.5rem 0 0',
                     fontFamily: 'monospace',
                     color: '#333',
+                    wordBreak: 'break-word',
+                    whiteSpace: 'pre-wrap',
+                    overflowWrap: 'break-word',
                   }}
                 >
                   {markdown}
@@ -558,10 +565,13 @@ Stek löken i lite smör. Tillsätt köttfärsen...`}</pre>
                     padding: '0.5rem',
                     fontSize: '0.65rem',
                     overflow: 'auto',
-                    maxHeight: '200px',
+                    maxHeight: '250px',
                     margin: '0.5rem 0 0',
                     fontFamily: 'monospace',
                     color: '#333',
+                    wordBreak: 'break-word',
+                    whiteSpace: 'pre-wrap',
+                    overflowWrap: 'break-word',
                   }}
                 >
                   {JSON.stringify(parsed, null, 2)}