responsive page user-account & add-doctor & turns & add loading to all page panel & change design page dashboard

components/dashboard/userAccount/tabs/messages/Message.js

@@ -4,7 +4,7 @@ import CalndarD from '@/components/icons/CalndarD'
 import MessageNotifd from '@/components/icons/MessageNotifD'
 import React from 'react'
 
-function Message({ data, loading }) {
+function Message({ data, loading, length, idx }) {
     return (
         <li>
             <div className="flex items-center justify-start gap-[8px]">
@@ -28,7 +28,9 @@ function Message({ data, loading }) {
                     </TextLoading>
                 </div>
             </div>
-            <span className='block bg-[#EFEFEF] h-px w-full mt-[12px]'></span>
+            {length > idx + 1 && (
+                <span className='block bg-[#EFEFEF] h-px w-full mt-[12px]'></span>
+            )}
         </li>
     )
 }