refactor: update Multiline component and add markdown function

- Added a new `markdown` function to the Multiline component for rendering raw HTML.
- Made the `value` attribute required in the Multiline component for better validation.

Author: zcesur

lib/algora_web/components/core_components.ex

@@ -21,6 +21,7 @@ defmodule AlgoraWeb.CoreComponents do
   alias AlgoraWeb.Components.UI.DropdownMenu
   alias AlgoraWeb.Components.UI.HoverCard
   alias AlgoraWeb.Components.UI.Menu
+  alias AlgoraWeb.Components.UI.Multiline
   alias AlgoraWeb.Components.UI.Popover
   alias AlgoraWeb.Components.UI.RadioGroup
   alias AlgoraWeb.Components.UI.Select
@@ -1379,13 +1380,14 @@ defmodule AlgoraWeb.CoreComponents do
   defdelegate hover_card_content(assigns), to: HoverCard
   defdelegate hover_card_trigger(assigns), to: HoverCard
   defdelegate hover_card(assigns), to: HoverCard
+  defdelegate markdown(assigns), to: Multiline
   defdelegate menu_group(assigns), to: Menu
   defdelegate menu_item(assigns), to: Menu
   defdelegate menu_label(assigns), to: Menu
   defdelegate menu_separator(assigns), to: Menu
   defdelegate menu_shortcut(assigns), to: Menu
   defdelegate menu(assigns), to: Menu
-  defdelegate multiline(assigns), to: AlgoraWeb.Components.UI.Multiline
+  defdelegate multiline(assigns), to: Multiline
   defdelegate popover_content(assigns), to: Popover
   defdelegate popover_trigger(assigns), to: Popover
   defdelegate popover(assigns), to: Popover

lib/algora_web/components/ui/multiline.ex

@@ -2,12 +2,21 @@ defmodule AlgoraWeb.Components.UI.Multiline do
   @moduledoc false
   use AlgoraWeb.Component
 
-  attr :value, :string
+  attr :value, :string, required: true
   attr :class, :string, default: nil
 
   def multiline(assigns) do
     ~H"""
     <div class={classes(["whitespace-pre-line", @class])}>{@value}</div>
     """
   end
+
+  attr :value, :string, required: true
+  attr :class, :string, default: nil
+
+  def markdown(assigns) do
+    ~H"""
+    <div class={classes(["whitespace-normal", @class])}>{Phoenix.HTML.raw(@value)}</div>
+    """
+  end
 end