Add IDs to all detail drawers and move NavTabs to indices/

- Add Note ID to Apple Notes drawer
- Add Message ID to iMessages message drawer
- Add Chat ID to iMessages chat drawer
- Move NavTabs to ui/indices/ with other index page components

Author: felipap

server/app/dashboard/syncs/apple-notes/(notes)/@modal/[note_id]/NoteDrawer.tsx

@@ -53,6 +53,7 @@ export function NoteDrawer({ note }: Props) {
             Pinned
           </div>
         )}
+        <InfoRow label="Note ID" value={String(note.noteId)} copyable />
         {folderName && <InfoRow label="Folder" value={folderName} />}
         {accountName && <InfoRow label="Account" value={accountName} />}
         <InfoRow

server/app/dashboard/syncs/imessages/(messages)/@modal/[message_id]/MessageDrawer.tsx

@@ -74,6 +74,7 @@ export function MessageDrawer({ message }: Props) {
   return (
     <Drawer title="Message Details">
       <div className="space-y-4">
+        <InfoRow label="Message ID" value={message.id} copyable />
         <DemoBlur>
           <InfoRow label="Contact" value={decryptedContact} copyable />
         </DemoBlur>

server/app/dashboard/syncs/imessages/IMessagesNav.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { useRouter } from "next/navigation"
-import { NavTabs } from "@/ui/NavTabs"
+import { NavTabs } from "@/ui/indices/NavTabs"
 import { PageHeader } from "@/ui/indices/PageHeader"
 import { deleteAllIMessages } from "./(messages)/actions"
 

server/app/dashboard/syncs/imessages/chats/(chats)/@modal/[chat_id]/ChatDrawer.tsx

@@ -1,6 +1,7 @@
 "use client"
 
 import { useEffect, useState } from "react"
+import { CopyButton } from "@/ui/CopyButton"
 import { DemoBlur } from "@/ui/DemoBlur"
 import { Drawer } from "@/ui/drawers/Drawer"
 import { GroupIcon } from "@/ui/icons"
@@ -99,13 +100,19 @@ function ChatInfo({
           )}
         </div>
       </div>
-      <div className="mt-3 flex gap-4 text-xs text-secondary">
-        <span>{chat.messageCount.toLocaleString()} messages</span>
-        {chat.lastMessageDate && (
-          <span>
-            Last: {new Date(chat.lastMessageDate).toLocaleDateString()}
-          </span>
-        )}
+      <div className="mt-3 space-y-1 text-xs text-secondary">
+        <div className="flex gap-4">
+          <span>{chat.messageCount.toLocaleString()} messages</span>
+          {chat.lastMessageDate && (
+            <span>
+              Last: {new Date(chat.lastMessageDate).toLocaleDateString()}
+            </span>
+          )}
+        </div>
+        <div className="flex items-center gap-1.5 font-mono text-secondary">
+          {chat.chatId}
+          <CopyButton text={chat.chatId} size={12} />
+        </div>
       </div>
     </div>
   )

server/app/dashboard/syncs/whatsapp/WhatsappNav.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { useRouter } from "next/navigation"
-import { NavTabs } from "@/ui/NavTabs"
+import { NavTabs } from "@/ui/indices/NavTabs"
 import { PageHeader } from "@/ui/indices/PageHeader"
 import { deleteAllWhatsappMessages } from "./(messages)/actions"