Fix regression on height of CreateIssue description field — radicle-desktop

Also instead of calculating the height of the description textarea we should allow flexbox to extend the description field to fill the entire height.

   font-weight: var(--font-weight-regular);
 }
 @media (max-width: 1600px) {
   .global-hide-on-small-desktop-down {
     display: none !important;
   }
 }
 :root {
   --elevation-low: 0 0 48px 0 #000000ee;
 }

     flatTop?: boolean;
     styleBackgroundColor?: string;
     styleFlexDirection?: string;
     styleAlignItems?: string;
     styleJustifyContent?: string;
   }

     flatTop = false,
     styleBackgroundColor = "var(--color-background-default)",
     styleFlexDirection = "row",
     styleAlignItems = "center",
     styleJustifyContent,
   }: Props = $props();

     -webkit-user-select: none;
     user-select: none;
     flex: 1;
     column-gap: 0;
     row-gap: 0;
     display: grid;

   .p3-3 {
     grid-area: p3-3;
     display: flex;
     align-items: center;
     background-color: var(--local-background-color);
   }
   .p3-4 {

     style:gap={styleGap}
     style:overflow={styleOverflow}
     style:justify-content={styleJustifyContent}
     style:align-items={styleAlignItems}
     style:flex-direction={styleFlexDirection}>
     {@render children()}
   </div>

   import OutlineButton from "./OutlineButton.svelte";
   interface Props {
     textAreaSize?: ComponentProps<typeof Textarea>["size"];
     styleMinHeight?: string;
     rid: string;
     placeholder?: string;

   /* eslint-disable prefer-const */
   let {
     textAreaSize,
     preview = $bindable(false),
     styleMinHeight,
     rid,

     align-items: flex-start;
     gap: 1rem;
     width: 100%;
     flex: 1;
   }
   .inline {
     border: 0;

     </div>
   {:else}
     <Textarea
       size={textAreaSize}
       styleAlignItems="flex-start"
       {draggingOver}
       {borderVariant}
       {stylePadding}

           <Icon name="markdown" />
           Markdown is supported.
         </div>
         <span class="global-hide-on-small-desktop-down">
           <br />
         </span>
         <span class="global-hide-on-small-desktop-down">
           Press {utils.modifierKey()}↵ to submit.
         </span>
         Press {utils.modifierKey()}↵ to submit.
       </div>
     {/if}
     <div class="buttons">
       <OutlineButton variant="ghost" onclick={selectFiles} disabled={preview}>
         <Icon name="attachment" />
         <span class="global-hide-on-small-desktop-down">Attach</span>
         Attach
       </OutlineButton>
       <OutlineButton
         variant="ghost"
         disabled={body.trim() === ""}
         onclick={() => (preview = !preview)}>
         <Icon name={preview ? "pen" : "eye"} />
         <span class="global-hide-on-small-desktop-down">
           {preview ? "Edit" : "Preview"}
         </span>
         {preview ? "Edit" : "Preview"}
       </OutlineButton>
       <Button
         variant="ghost"

           (disallowEmptyBody && body.trim() === "")}
         onclick={submitFn}>
         <Icon name="checkmark" />
         <span class="global-hide-on-small-desktop-down">
           {#if submitInProgress}
             Saving…
           {:else}
             {submitCaption}
           {/if}
         </span>
         {#if submitInProgress}
           Saving…
         {:else}
           {submitCaption}
         {/if}
       </Button>
     </div>
   </div>

     selectionStart?: number;
     size?: "grow" | "resizable" | "fixed-height";
     styleMinHeight?: string;
     styleAlignItems?: string;
     stylePadding?: string;
     submit: () => Promise<void>;
     value?: string;

     selectionEnd = $bindable(0),
     selectionStart = $bindable(0),
     size = "grow",
     styleAlignItems = undefined,
     styleMinHeight = undefined,
     stylePadding = "0.75rem",
     submit,

     border: 0;
     color: var(--color-foreground-default);
     font-family: inherit;
     height: 5rem;
     height: 100%;
     width: 100%;
     min-height: 6.375rem;
     resize: none;

   variant={focussed ? "secondary" : borderVariant}
   stylePosition="relative"
   styleWidth="100%"
   {styleAlignItems}
   {styleMinHeight}>
   <textarea
     style:min-height={styleMinHeight}

     margin-bottom: 1rem;
   }
   .content {
     display: flex;
     flex-direction: column;
     height: 100%;
     padding: 0 1rem 1rem 1rem;
     height: calc(100% - 14rem);
   }
   .metadata-divider {
     width: 2px;

     </div>
     <ExtendedTextarea
       textAreaSize="fixed-height"
       disableSubmit={title.trim() === ""}
       disallowEmptyBody
       submitCaption="Save"

           console.error("Not able to create issue.");
         }
       }}
       styleMinHeight="100%"
       rid={repo.rid}
       bind:preview
       borderVariant="ghost"