[BUG-UI/UX] CSS is being stripped from TextQuestion

[paulbauriegel]

We add the HTML into a Text Question but in the Argilla instance both the CCS Stylesheet or custum CSS Styles are removed.

We add the HTML like this:

rg.TextField(
    name="conversation_history",
    title="Bisherige Conversation des Kunden",
    use_markdown=True,
    required=True,
)

HTML looks like this:

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/flowbite.min.css" rel="stylesheet" />

<style>
    .bg-telekom-magenta {
        background-color: #E20074
    }
</style>
<div class="flex-1 p:2 sm:p-6 justify-between flex flex-col">
<div id="messages" class="flex flex-col space-y-4 p-3 overflow-y-auto scrollbar-thumb-blue scrollbar-thumb-rounded scrollbar-track-blue-lighter scrollbar-w-2 scrolling-touch">

<div class="chat-message">
         <div class="flex items-end ">
            <div class="flex flex-col space-y-2 text-xs max-w-xs mx-2 order-2 items-start">
               <div><span class="px-4 py-2 rounded-lg inline-block rounded-bl-none bg-gray-300 text-gray-600">Bereitstellung</span></div>
            </div>
            <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="My profile" class="w-6 h-6 rounded-full order-1">
         </div>
      </div>
...
</div>
</div>

But in the Argilla UI this is removed:

<div class="flex-1 p:2 sm:p-6 justify-between flex flex-col">
<div id="messages" class="flex flex-col space-y-4 p-3 overflow-y-auto scrollbar-thumb-blue scrollbar-thumb-rounded scrollbar-track-blue-lighter scrollbar-w-2 scrolling-touch">

<div class="chat-message">
         <div class="flex items-end ">
            <div class="flex flex-col space-y-2 text-xs max-w-xs mx-2 order-2 items-start">
               <div><span class="px-4 py-2 rounded-lg inline-block rounded-bl-none bg-gray-300 text-gray-600">Bereitstellung</span></div>
            </div>
            <img src="https://img.daisyui.com/images/stock/photo-1534528741775-53994a69daeb.webp" alt="My profile" class="w-6 h-6 rounded-full order-1">
         </div>
      </div>
...
</div>
</div>

• Argilla Version [e.g. 1.0.0]: 1.29.0
• Docker Image (optional) [e.g. argilla:v1.0.0]: argilla/argilla-server:v1.29.0