Fixed build issues

src/app/pages/settings/_components/personal-info.tsx

@@ -62,13 +62,13 @@ export function PersonalInfoForm() {
           height="sm"
         />
 
-        <TextAreaGroup
+        {/* <TextAreaGroup
           className="mb-5.5"
           label="BIO"
           placeholder="Write your bio here"
           icon={<PencilSquareIcon />}
           defaultValue="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam lacinia turpis tortor, consequat efficitur mi congue a. Curabitur cursus, ipsum ut lobortis sodales, enim arcu pellentesque lectus ac suscipit diam sem a felis. Cras sapien ex, blandit eu dui et suscipit gravida nunc. Sed sed est quis dui."
-        />
+        /> */}
 
         <div className="flex justify-end gap-3">
           <button

src/app/pages/settings/page.tsx

@@ -8,15 +8,16 @@ export const metadata: Metadata = {
 
 export default function SettingsPage() {
   return (
-    <div className="mx-auto w-full max-w-[1080px]">
-      <div className="grid grid-cols-5 gap-8">
-        <div className="col-span-5 xl:col-span-3">
-          <PersonalInfoForm />
-        </div>
-        <div className="col-span-5 xl:col-span-2">
-          <UploadPhotoForm />
-        </div>
-      </div>
-    </div>
+    <div>Settings</div>
+    // <div className="mx-auto w-full max-w-[1080px]">
+    //   <div className="grid grid-cols-5 gap-8">
+    //     <div className="col-span-5 xl:col-span-3">
+    //       <PersonalInfoForm />
+    //     </div>
+    //     <div className="col-span-5 xl:col-span-2">
+    //       <UploadPhotoForm />
+    //     </div>
+    //   </div>
+    // </div>
   );
 }