add prettier formatter to all file

components/blog/detail/commentUser/AddComment.js

@@ -1,19 +1,21 @@
-import { Button } from '@mui/material'
-import React from 'react'
+import { Button } from "@mui/material";
+import React from "react";
 
 function AddComment() {
-    return (
-        <div className='flex flex-col md:flex-row gap-y-[12px] items-start md:items-center justify-start gap-[16px] my-[12px] mb-[16] sm:!my-[16px] md:!my-[20px] lg:!my-[24px]'>
-            <p className='text-[#616161] text-[16px] font-normal'>شما هم نظر خود را به اشتراک بگذارید:</p>
-            <Button
-                variant='outlined'
-                className='!w-full md:!w-fit !border !border-[#5559CE] !rounded-[4px] 
-                !px-[38px] !py-[6px] md:!py-[8px] lg:!py-[9px]'
-            >
-                ثبت نظر
-            </Button>
-        </div>
-    )
+  return (
+    <div className="flex flex-col md:flex-row gap-y-[12px] items-start md:items-center justify-start gap-[16px] my-[12px] mb-[16] sm:!my-[16px] md:!my-[20px] lg:!my-[24px]">
+      <p className="text-[#616161] text-[16px] font-normal">
+        شما هم نظر خود را به اشتراک بگذارید:
+      </p>
+      <Button
+        variant="outlined"
+        className="!w-full md:!w-fit !border !border-[#5559CE] !rounded-[4px] 
+                !px-[38px] !py-[6px] md:!py-[8px] lg:!py-[9px]"
+      >
+        ثبت نظر
+      </Button>
+    </div>
+  );
 }
 
-export default AddComment
+export default AddComment;

components/blog/detail/commentUser/index.js

@@ -1,19 +1,19 @@
-import AnimationTextHead from '@/app/component/AnimationTextHead'
-import Comment from '@/app/component/comment'
-import Underline from '@/components/icons/Underline'
-import React from 'react'
-import AddComment from './AddComment'
+import AnimationTextHead from "@/app/component/AnimationTextHead";
+import Comment from "@/app/component/comment";
+import Underline from "@/components/icons/Underline";
+import React from "react";
+import AddComment from "./AddComment";
 
 function CommentUser({ data, loading }) {
-    return (
-        <div className='mt-[12px] sm:mt-[16px] md:mt-[20px] lg:mt-[24px]'>
-            <AnimationTextHead name='zoom-in-up' text='نظرات'>
-                <Underline />
-            </AnimationTextHead>
-            <AddComment />
-            <Comment data={data} loading={loading} />
-        </div>
-    )
+  return (
+    <div className="mt-[12px] sm:mt-[16px] md:mt-[20px] lg:mt-[24px]">
+      <AnimationTextHead name="zoom-in-up" text="نظرات">
+        <Underline />
+      </AnimationTextHead>
+      <AddComment />
+      <Comment data={data} loading={loading} />
+    </div>
+  );
 }
 
-export default CommentUser
+export default CommentUser;