ui(fix): set max height to error message

Author: almahdi404

Diff for: .changeset/small-oranges-cheat.md

@@ -0,0 +1,5 @@
+---
+"treeground": patch
+---
+
+ui(fix): set max height to error message

Diff for: src/components/TreeGround.tsx

@@ -212,15 +212,15 @@ function App() {
       <Show when={error()}>
         {(err) => (
           <div class="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
-            <div class="bg-white rounded-lg min-w-[calc(100vw*0.75)]">
+            <div class="bg-white rounded-lg min-w-[calc(100vw*0.80)] max-w-[calc(100vw*0.90)] max-h-[calc(100vh*0.90)] flex flex-col">
               <div class="flex justify-end p-2 border-b border-gray-300">
                 <AiFillCloseCircle
                   size={28}
                   class="text-gray-500 hover:text-blue-500 active:scale-110 transition-all cursor-pointer"
                   onclick={() => setError(null)}
                 />
               </div>
-              <div class="p-3">
+              <div class="p-3 flex-grow max-h-full flex flex-col overflow-hidden">
                 <div class="my-2 flex gap-1 align-top">
                   <AiFillQuestionCircle size={22} class="text-red-500" />
                   <p class="font-bold m-0">