reorder delete confirmation button

src/components/Chat/ChatContent/Message/Message.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import useStore from '@store/store';
 
 import Avatar from './Avatar';
 import MessageContent from './MessageContent';
@@ -24,10 +25,14 @@ const Message = ({
   messageIndex: number;
   sticky?: boolean;
 }) => {
+  const stickyIndex = useStore((state) => state.messages.length);
+
   return (
     <div
       className={`w-full border-b border-black/10 dark:border-gray-900/50 text-gray-800 dark:text-gray-100 group ${
-        backgroundStyle[messageIndex % 2]
+        sticky
+          ? backgroundStyle[stickyIndex % 2]
+          : backgroundStyle[messageIndex % 2]
       }`}
       key={
         messageIndex !== -1

src/components/Chat/ChatContent/Message/MessageContent.tsx

@@ -188,15 +188,15 @@ const ContentView = ({
         )}
         {isDelete && (
           <>
-            <button className='p-1 hover:text-white' onClick={handleDelete}>
-              <TickIcon />
-            </button>
             <button
               className='p-1 hover:text-white'
               onClick={() => setIsDelete(false)}
             >
               <CrossIcon />
             </button>
+            <button className='p-1 hover:text-white' onClick={handleDelete}>
+              <TickIcon />
+            </button>
           </>
         )}
       </div>