diff --git a/src/actions/user/index.ts b/src/actions/user/index.ts
index d17cf2de6..2d8ad28bc 100644
--- a/src/actions/user/index.ts
+++ b/src/actions/user/index.ts
@@ -94,7 +94,7 @@ const changePasswordHandler = async (
       },
       data: {
         password: hashedPassword,
-        token
+        token,
       },
     });
 
@@ -106,7 +106,7 @@ const changePasswordHandler = async (
   } catch (error) {
     console.error('Error updating password user:', error);
     return {
-      error: 'Fail to update password'
+      error: 'Fail to update password',
     };
   }
 };
@@ -114,4 +114,4 @@ const changePasswordHandler = async (
 export const changePassword = createSafeAction(
   ChangePasswordSchema,
   changePasswordHandler,
-);
\ No newline at end of file
+);
diff --git a/src/actions/user/schema.ts b/src/actions/user/schema.ts
index e20eab8fc..6e59c5e56 100644
--- a/src/actions/user/schema.ts
+++ b/src/actions/user/schema.ts
@@ -8,4 +8,4 @@ export const ChangePasswordSchema = z.object({
   confirmpassword: z
     .string({ message: 'Required' })
     .min(6, { message: 'Min length 6 required' }),
-});
\ No newline at end of file
+});
diff --git a/src/actions/user/types.ts b/src/actions/user/types.ts
index eda4a52a5..1e4fcb985 100644
--- a/src/actions/user/types.ts
+++ b/src/actions/user/types.ts
@@ -11,4 +11,4 @@ interface ReturnChangePassword {
 export type ReturnTypeChangePassword = ActionState<
   InputTypeChangePassword,
   ReturnChangePassword
->;
\ No newline at end of file
+>;
diff --git a/src/app/password/page.tsx b/src/app/password/page.tsx
index be5a2df46..f0ecdfb74 100644
--- a/src/app/password/page.tsx
+++ b/src/app/password/page.tsx
@@ -10,7 +10,7 @@ export default async function PasswordChangePage() {
   }
   return (
     <section className="wrapper relative flex min-h-screen items-center justify-center overflow-hidden antialiased">
-        <PasswordChange />
+      <PasswordChange />
     </section>
   );
 }
diff --git a/src/components/ContentCard.tsx b/src/components/ContentCard.tsx
index 87345a185..34e93ff1a 100644
--- a/src/components/ContentCard.tsx
+++ b/src/components/ContentCard.tsx
@@ -5,6 +5,7 @@ import { formatTime } from '@/lib/utils';
 import VideoThumbnail from './videothumbnail';
 import CardComponent from './CardComponent';
 import { motion } from 'framer-motion';
+import { KeyboardEvent } from 'react';
 
 export const ContentCard = ({
   title,
@@ -33,7 +34,9 @@ export const ContentCard = ({
       onClick={onClick}
       tabIndex={0}
       role="button"
-      onKeyDown={(e:React.KeyboardEvent) => (['Enter', ' '].includes(e.key) && onClick())}
+      onKeyDown={(e: KeyboardEvent) =>
+        ['Enter', ' '].includes(e.key) && onClick()
+      }
       className={`group relative flex h-fit w-full max-w-md cursor-pointer flex-col gap-2 rounded-2xl transition-all duration-300 hover:-translate-y-2`}
     >
       {markAsCompleted && (
diff --git a/src/components/CourseView.tsx b/src/components/CourseView.tsx
index 45f5689f9..7d46aea85 100644
--- a/src/components/CourseView.tsx
+++ b/src/components/CourseView.tsx
@@ -21,15 +21,15 @@ export const CourseView = ({
   rest: string[];
   course: any;
   courseContent:
-  | {
-    folder: true;
-    value: ChildCourseContent[];
-  }
-  | {
-    folder: false;
-    value: ChildCourseContent;
-  }
-  | null;
+    | {
+        folder: true;
+        value: ChildCourseContent[];
+      }
+    | {
+        folder: false;
+        value: ChildCourseContent;
+      }
+    | null;
   nextContent: any;
   searchParams: QueryParams;
   possiblePath: string;
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index d113df33b..615ea703e 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -206,7 +206,9 @@ export function Sidebar({
             variants={sidebarVariants}
             className="fixed right-0 top-0 z-[99999] flex h-screen w-full flex-col gap-4 overflow-y-auto rounded-r-lg border-l border-primary/10 bg-neutral-50 dark:bg-neutral-900 md:max-w-[30vw]"
           >
-            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 bg-neutral-50 p-5 dark:bg-neutral-900">              <h4 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
+            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 bg-neutral-50 p-5 dark:bg-neutral-900">
+              {' '}
+              <h4 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
                 Course Content
               </h4>
               <Button
diff --git a/src/components/comment/CommentVoteForm.tsx b/src/components/comment/CommentVoteForm.tsx
index 3ceedfcdd..60a48eaea 100644
--- a/src/components/comment/CommentVoteForm.tsx
+++ b/src/components/comment/CommentVoteForm.tsx
@@ -122,4 +122,4 @@ const CommentVoteForm: React.FC<CommentVoteFormProps> = ({
   );
 };
 
-export default CommentVoteForm;
\ No newline at end of file
+export default CommentVoteForm;
diff --git a/src/components/posts/PostCard.tsx b/src/components/posts/PostCard.tsx
index e4cc4486d..d37d9e469 100644
--- a/src/components/posts/PostCard.tsx
+++ b/src/components/posts/PostCard.tsx
@@ -216,10 +216,10 @@ const PostCard: React.FC<IProps> = ({
       </div>
 
       {enableReply && (
-      <form
-        onSubmit={handleSubmit}
-        className="mt-4"
-        onClick={handleEditorClick}
+        <form
+          onSubmit={handleSubmit}
+          className="mt-4"
+          onClick={handleEditorClick}
         >
           <div data-color-mode={theme} className="flex w-full flex-col gap-4">
             <MDEditor
@@ -255,7 +255,8 @@ const PostCard: React.FC<IProps> = ({
                   sessionUser={sessionUser}
                   reply={false}
                   parentAuthorName={post.author.name}
-                  isAnswer={true}                />
+                  isAnswer={true}
+                />
               </div>
             ))}
           </div>
diff --git a/tsconfig.json b/tsconfig.json
index 88f05644b..1f308869a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -12,7 +12,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {