recive email + save draft and list draft + skeleton email detail

src/pages/received/List.tsx

@@ -16,7 +16,7 @@ const List: FC = () => {
     const [currentPage, setCurrentPage] = useState(1);
     const [filters, setFilters] = useState<FilterValues>({});
 
-    const { data: inboxData, isLoading, refetch } = useGetInbox({
+    const { data: inboxData, isLoading, refetch, isFetching } = useGetInbox({
         page: currentPage,
         limit: 10,
         ...filters
@@ -57,7 +57,7 @@ const List: FC = () => {
             <Refresh2
                 size={18}
                 color='black'
-                className="cursor-pointer"
+                className={`cursor-pointer ${isFetching ? 'animate-spin-reverse' : ''}`}
                 onClick={() => refetch()}
             />
             <More size={18} color='black' className='rotate-90 cursor-pointer' />