Add BooksSyncContext, refine database schema, and enhance synchronization support

- Introduce `BooksSyncContext` for managing book synchronization states (server-only, local-only, to-sync, etc.).
- Remove `UserContext` and related dependencies.
- Refine localization strings (`en.json`) with sync-related updates (e.g., "toSyncFromServer", "toSyncToServer").
- Extend database schema with additional tables and fields for syncing books, chapters, and related entities.
- Add `last_update` fields and update corresponding repository methods to support synchronization logic.
- Enhance IPC handlers with stricter typing, data validation, and sync-aware operations.

components/book/BookCard.tsx

@@ -3,19 +3,22 @@ import {BookProps} from "@/lib/models/Book";
 import DeleteBook from "@/components/book/settings/DeleteBook";
 import ExportBook from "@/components/ExportBook";
 import {useTranslations} from "next-intl";
+import SyncBook from "@/components/SyncBook";
+import {SyncType} from "@/context/BooksSyncContext";
+import {useEffect} from "react";
 
-export default function BookCard(
-    {
-        book,
-        onClickCallback,
-        index
-    }: {
-        book: BookProps,
-        onClickCallback: Function;
-        index: number;
-    }) {
+interface BookCardProps {
+    book: BookProps;
+    onClickCallback: (bookId: string) => void;
+    index: number;
+    syncStatus: SyncType;
+}
+
+export default function BookCard({book, onClickCallback, index, syncStatus}: BookCardProps) {
     const t = useTranslations();
-    
+    useEffect(() => {
+        console.log(syncStatus)
+    }, [syncStatus]);
     return (
         <div
             className="group bg-tertiary/90 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 h-full border border-secondary/50 hover:border-primary/50 flex flex-col hover:scale-105">
@@ -66,8 +69,7 @@ export default function BookCard(
                     </div>
                 </div>
                 <div className="flex justify-between items-center pt-3 border-t border-secondary/30">
-                    <span
-                        className="bg-primary/10 text-primary text-xs px-3 py-1 rounded-full font-medium border border-primary/30"></span>
+                    <SyncBook status={syncStatus} bookId={book.bookId}/>
                     <div className="flex items-center gap-1" {...index === 0 && {'data-guide': 'bottom-book-card'}}>
                         <ExportBook bookTitle={book.title} bookId={book.bookId}/>
                         <DeleteBook bookId={book.bookId}/>