obvious difference between bold, header1 and header 2 in comment of ticket

typescript/frontend-marios2/src/content/dashboards/Tickets/CommentFormatToolbar.tsx

@@ -48,13 +48,6 @@ function CommentFormatToolbar({
           </Button>
         </span>
       </Tooltip>
-      <Tooltip title={intl.formatMessage({ id: 'commentFormatH3', defaultMessage: 'Heading 3' })}>
-        <span>
-          <Button size="small" variant="outlined" sx={btnSx} onClick={handle('h3')} disabled={disabled}>
-            H3
-          </Button>
-        </span>
-      </Tooltip>
     </Box>
   );
 }

typescript/frontend-marios2/src/content/dashboards/Tickets/CommentThread.tsx

@@ -341,7 +341,7 @@ function CommentThread({
             <Typography variant="caption" color="text.disabled">
               <FormattedMessage
                 id="commentMarkdownHint"
-                defaultMessage="Markdown: **bold**, #, ##, ###"
+                defaultMessage="Markdown: **bold**, #, ##"
               />
             </Typography>
           </Box>

typescript/frontend-marios2/src/content/dashboards/Tickets/commentMarkdown.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Box, Typography } from '@mui/material';
 
-export type FormatKind = 'bold' | 'h1' | 'h2' | 'h3';
+export type FormatKind = 'bold' | 'h1' | 'h2';
 
 function renderInline(text: string): React.ReactNode[] {
   const parts = text.split(/\*\*(.+?)\*\*/g);
@@ -15,30 +15,31 @@ export function renderCommentBody(body: string): JSX.Element {
   return (
     <Box sx={{ '& > *': { mb: 0.5 } }}>
       {lines.map((line, idx) => {
-        if (line.startsWith('### ')) {
-          return (
-            <Typography key={idx} variant="subtitle1" sx={{ fontWeight: 600, mt: 1 }}>
-              {renderInline(line.slice(4))}
-            </Typography>
-          );
-        }
         if (line.startsWith('## ')) {
           return (
-            <Typography key={idx} variant="h6" sx={{ mt: 1.5 }}>
+            <Typography
+              key={idx}
+              variant="h6"
+              sx={{ fontSize: '1.15rem', fontWeight: 700, mt: 1.25 }}
+            >
               {renderInline(line.slice(3))}
             </Typography>
           );
         }
         if (line.startsWith('# ')) {
           return (
-            <Typography key={idx} variant="h5" sx={{ mt: 2 }}>
+            <Typography
+              key={idx}
+              variant="h4"
+              sx={{ fontSize: '1.6rem', fontWeight: 700, mt: 2 }}
+            >
               {renderInline(line.slice(2))}
             </Typography>
           );
         }
         return (
           <Typography key={idx} variant="body2" sx={{ whiteSpace: 'pre-wrap' }}>
-            {line ? renderInline(line) : '\u00A0'}
+            {line ? renderInline(line) : ' '}
           </Typography>
         );
       })}
@@ -68,7 +69,7 @@ export function applyFormat(
     return;
   }
 
-  const prefix = kind === 'h1' ? '# ' : kind === 'h2' ? '## ' : '### ';
+  const prefix = kind === 'h1' ? '# ' : '## ';
   const lineStart = value.lastIndexOf('\n', start - 1) + 1;
   const nlAfter   = value.indexOf('\n', start);
   const lineEnd   = nlAfter === -1 ? value.length : nlAfter;

typescript/frontend-marios2/src/lang/de.json

@@ -573,11 +573,10 @@
   "comments": "Kommentare",
   "noComments": "Noch keine Kommentare.",
   "commentEdited": "(bearbeitet {time})",
-  "commentMarkdownHint": "Markdown: **fett**, #, ##, ###",
+  "commentMarkdownHint": "Markdown: **fett**, #, ##",
   "commentFormatBold": "Fett",
   "commentFormatH1": "Überschrift 1",
   "commentFormatH2": "Überschrift 2",
-  "commentFormatH3": "Überschrift 3",
   "addComment": "Hinzufügen",
   "timeline": "Zeitverlauf",
   "noTimelineEvents": "Noch keine Ereignisse.",

typescript/frontend-marios2/src/lang/en.json

@@ -321,11 +321,10 @@
   "comments": "Comments",
   "noComments": "No comments yet.",
   "commentEdited": "(edited {time})",
-  "commentMarkdownHint": "Markdown: **bold**, #, ##, ###",
+  "commentMarkdownHint": "Markdown: **bold**, #, ##",
   "commentFormatBold": "Bold",
   "commentFormatH1": "Heading 1",
   "commentFormatH2": "Heading 2",
-  "commentFormatH3": "Heading 3",
   "addComment": "Add",
   "timeline": "Timeline",
   "noTimelineEvents": "No events yet.",

typescript/frontend-marios2/src/lang/fr.json

@@ -573,11 +573,10 @@
   "comments": "Commentaires",
   "noComments": "Aucun commentaire pour le moment.",
   "commentEdited": "(modifié {time})",
-  "commentMarkdownHint": "Markdown : **gras**, #, ##, ###",
+  "commentMarkdownHint": "Markdown : **gras**, #, ##",
   "commentFormatBold": "Gras",
   "commentFormatH1": "Titre 1",
   "commentFormatH2": "Titre 2",
-  "commentFormatH3": "Titre 3",
   "addComment": "Ajouter",
   "timeline": "Chronologie",
   "noTimelineEvents": "Aucun événement pour le moment.",

typescript/frontend-marios2/src/lang/it.json

@@ -573,11 +573,10 @@
   "comments": "Commenti",
   "noComments": "Nessun commento ancora.",
   "commentEdited": "(modificato {time})",
-  "commentMarkdownHint": "Markdown: **grassetto**, #, ##, ###",
+  "commentMarkdownHint": "Markdown: **grassetto**, #, ##",
   "commentFormatBold": "Grassetto",
   "commentFormatH1": "Titolo 1",
   "commentFormatH2": "Titolo 2",
-  "commentFormatH3": "Titolo 3",
   "addComment": "Aggiungi",
   "timeline": "Cronologia",
   "noTimelineEvents": "Nessun evento ancora.",