feat: retake summary using NousResearch/Hermes-3-Llama-3.1-8B model (#415)

This feature a new modal endpoint, and a complete new way to build the
summary.

## SummaryBuilder

The summary builder is based on conversational model, where an exchange
between the model and the user is made. This allow more context
inclusion and a better respect of the rules.

It requires an endpoint with OpenAI-like completions endpoint
(/v1/chat/completions)

## vLLM Hermes3

Unlike previous deployment, this one use vLLM, which gives OpenAI-like
completions endpoint out of the box. It could also handle guided JSON
generation, so jsonformer is not needed. But, the model is quite good to
follow JSON schema if asked in the prompt.

## Conversion of long/short into summary builder

The builder is identifying participants, find key subjects, get a
summary for each, then get a quick recap.

The quick recap is used as a short_summary, while the markdown including
the quick recap + key subjects + summaries are used for the
long_summary.

This is why the nextjs component has to be updated, to correctly style
h1 and keep the new line of the markdown.

www/app/(app)/transcripts/[transcriptId]/finalSummary.tsx

@@ -97,12 +97,19 @@ export default function FinalSummary(props: FinalSummaryProps) {
       h={"100%"}
       overflowY={isEditMode ? "hidden" : "auto"}
       pb={4}
+      position="relative"
     >
-      <Flex dir="row" justify="start" align="center" wrap={"wrap-reverse"}>
-        <Heading size={{ base: "md" }}>Summary</Heading>
-
+      <Flex
+        dir="row"
+        justify="start"
+        align="center"
+        wrap={"wrap-reverse"}
+        position={isEditMode ? "inherit" : "absolute"}
+        right="0"
+      >
         {isEditMode && (
           <>
+            <Heading size={{ base: "md" }}>Summary</Heading>
             <Spacer />
             <Button
               onClick={onDiscardClick}
@@ -116,15 +123,14 @@ export default function FinalSummary(props: FinalSummaryProps) {
             </Button>
           </>
         )}
-
         {!isEditMode && (
           <>
+            <Spacer />
             <IconButton
               icon={<FaPen />}
               aria-label="Edit Summary"
               onClick={onEditClick}
             />
-            <Spacer />
             <ShareAndPrivacy
               finalSummaryRef={finalSummaryRef}
               transcriptResponse={props.transcriptResponse}

www/app/styles/markdown.css

@@ -9,6 +9,24 @@
   margin-bottom: 0.5em;
 }
 
+.markdown h1 {
+  font-size: 1.2em;
+  font-weight: bold;
+  /* text-decoration: underline;
+  text-underline-offset: 0.2em; */
+}
+
+.markdown {
+}
+
+.markdown h1:first-child {
+  margin-top: 0.5em;
+}
+
+.markdown p {
+  white-space: pre-wrap;
+}
+
 /* Paragraphs */
 .markdown p {
   margin: 1em 0;