chore: code cleaning (#21)

app/unsubscribe/page.tsx

@@ -2,12 +2,12 @@
 
 import { Button } from '@components/Button';
 import { CardDescription } from '@components/Card';
-import CustomCard from '@components/CustomCard';
-import ErrorMessage from '@components/ErrorMessage';
+import { CustomCard } from '@components/CustomCard';
+import { ErrorMessage } from '@components/ErrorMessage';
 import { FormControl } from '@components/form/FormControl';
 import { FormMessage } from '@components/form/FormMessage';
 import { Input } from '@components/Input';
-import Schema from '@components/SchemaOrg';
+import { SchemaOrg } from '@components/SchemaOrg';
 import { FormField } from '@contexts/FormField/FormFieldProvider';
 import { FormItem } from '@contexts/FormItem/FormItemProvider';
 import { zodResolver } from '@hookform/resolvers/zod';
@@ -19,7 +19,7 @@ import {
 import { useEffect, useRef, useState } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 
-export default function Unsubscribe() {
+const Unsubscribe = () => {
   const [completed, setCompleted] = useState(false);
   const [message, setMessage] = useState('');
   const [error, setError] = useState(false);
@@ -122,7 +122,7 @@ export default function Unsubscribe() {
 
   return (
     <>
-      <Schema schema={schema} />
+      <SchemaOrg schema={schema} />
       <CustomCard
         className='max-90vw w-96'
         title='Unsubscribe'
@@ -131,4 +131,6 @@ export default function Unsubscribe() {
       />
     </>
   );
-}
+};
+
+export default Unsubscribe;