diff --git a/app/components/constant/index.tsx b/app/components/constant/index.tsx
index e37fdf69..f035a5f4 100644
--- a/app/components/constant/index.tsx
+++ b/app/components/constant/index.tsx
@@ -12,7 +12,7 @@ export const defaultFormError: IFormError = {
   [FormField.bio]: null,
 };
 
-export const defaultAlert: { message: string | null; classType?: string } = {
-  message: null,
+export const defaultAlert: { message: string | undefined; classType?: string } = {
+  message: undefined,
   classType: undefined,
 };
diff --git a/app/components/textarea/index.tsx b/app/components/textarea/index.tsx
index f79ea0e6..047aaba4 100644
--- a/app/components/textarea/index.tsx
+++ b/app/components/textarea/index.tsx
@@ -1,17 +1,17 @@
 import React from "react";
 
-interface Properties {
+interface Props {
   label: string;
   name: string;
   value: string;
   placeholder?: string;
   disabled?: boolean;
   error?: string | null;
-  handleChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  handleChange: (error: React.ChangeEvent<HTMLTextAreaElement>) => void;
   style?: React.CSSProperties;
 }
 
-export const TextAreaField: React.FC<Properties> = ({
+export const TextAreaField: React.FC<Props> = ({
   label,
   name,
   placeholder,
@@ -26,14 +26,14 @@ export const TextAreaField: React.FC<Properties> = ({
         {label}
       </label>
       <div className="flex flex-col gap-1">
-        <div className="w-full rounded-md bg-white text-base text-black outline-0">
+        <div className="w-full bg-white text-base text-black outline-0 rounded-md">
           <textarea
             id={name}
             placeholder={placeholder}
             disabled={disabled}
             value={value}
             onChange={handleChange}
-            className="h-[80px] w-full text-wrap rounded-md border border-[#DC2626] bg-white px-2 outline-0 placeholder:text-sm placeholder:text-[#C2C2C2]"
+            className="w-full h-[80px] border border-[#DC2626] outline-0 bg-white px-2 placeholder:text-[#C2C2C2] placeholder:text-sm rounded-md text-wrap"
           />
         </div>
         {error && <span className="text-xs text-[#DC2626]">* {error}</span>}
@@ -42,4 +42,4 @@ export const TextAreaField: React.FC<Properties> = ({
   );
 };
 
-export default TextAreaField;
+export default TextAreaField;
\ No newline at end of file
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index 4cc46675..09dea237 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -1,4 +1,5 @@
 import type { MetaFunction } from "@remix-run/node";
+import Bio from "~/components/bio";
 
 import { Button } from "~/components/ui/button";
 import CardPlatform from "~/components/ui/card/card-platform";
@@ -55,6 +56,7 @@ export default function Index() {
           </a>
         </li>
       </ul>
+      <Bio />
     </div>
   );
 }