add back and refresh button

src/pages/order/components/TicketSection.tsx

@@ -1,4 +1,5 @@
 import Button from '@/components/Button'
+import RefreshButton from '@/components/RefreshButton'
 import UploadBox from '@/components/UploadBox'
 import { Microphone, Paperclip2 } from 'iconsax-react'
 import { useState, type FC } from 'react'
@@ -20,7 +21,7 @@ const TicketSection: FC = () => {
     const [message, setMessage] = useState('')
     const [files, setFiles] = useState<File[]>([])
     const addTicket = useAddTicket()
-    const { data, refetch } = useGetTickets(id!)
+    const { data, refetch, isFetching } = useGetTickets(id!)
     const singleUpload = useSingleUpload()
     const multiUpload = useMultiUpload()
 
@@ -88,6 +89,10 @@ const TicketSection: FC = () => {
 
     return (
         <div className="bg-white rounded-2xl p-6">
+            <div className="flex items-center justify-between mb-2">
+                <h2 className="text-lg font-light">گفتگو</h2>
+                <RefreshButton onClick={() => refetch()} isLoading={isFetching} />
+            </div>
             {
                 data?.data?.map((item) => {
                     if (item.user)