refactor: Update TextModal component to include icon and improve header description

src/frontend/src/modals/textModal/index.tsx

@@ -29,7 +29,7 @@ export default function TextModal({
   const [open, setOpen] = useState(false);
 
   return (
-    <BaseModal size="small" open={open} setOpen={setOpen}>
+    <BaseModal size="medium-h-full" open={open} setOpen={setOpen}>
       <BaseModal.Trigger className="h-full">{children}</BaseModal.Trigger>
       <BaseModal.Header description={""}>
       <span className="pr-2">View Text</span>
@@ -41,8 +41,10 @@ export default function TextModal({
       </BaseModal.Header>
       <BaseModal.Content>
         <div className="flex h-full w-full flex-col transition-all">
+          <div className="h-[370px]">
           <TextOutputView value={value} left={false} />
           </div>
+        </div>
       </BaseModal.Content>
       <BaseModal.Footer>
         <div className="flex w-full justify-end pt-2">

src/frontend/src/shared/components/textOutputView/index.tsx

@@ -2,7 +2,6 @@ import { Textarea } from "../../../components/ui/textarea";
 
 const TextOutputView = ({ left, value }) => {
   return (
-    <>
       <Textarea
         className={`w-full custom-scroll ${left ? "min-h-32" : "h-full"}`}
         placeholder={"Empty"}
@@ -10,7 +9,6 @@ const TextOutputView = ({ left, value }) => {
         value={value}
         readOnly
       />
-    </>
   );
 };