Bump app version to 0.5.0 and implement offline mode support across components

- Added offline detection logic with `OfflineContext` to improve app functionality in offline scenarios.
- Integrated Tauri IPC functions to handle local tool settings and character attributes when offline.
- Refined indentation logic in `TextEditor` for better compatibility with WebKit engines.
- Removed unused `indent` property and related settings in editor components to simplify configuration.
- Updated locale files with improved translation consistency and parameterized placeholders.

components/book/BookCard.tsx

@@ -18,23 +18,21 @@ export default function BookCard({book, onClickCallback, index, syncStatus}: Boo
 
     return (
         <div
+            onClick={(): void => onClickCallback(book.bookId)}
             className="group relative aspect-[2/3] rounded-xl overflow-hidden cursor-pointer transition-all duration-300 hover:ring-1 hover:ring-text-primary/20">
-            <button onClick={(): void => onClickCallback(book.bookId)} className="w-full h-full text-left block"
-                    type="button">
-                {book.coverImage ? (
-                    <img
-                        src={book.coverImage}
-                        alt={book.title || t("bookCard.noCoverAlt")}
-                        className="w-full h-full object-cover"
-                    />
-                ) : (
-                    <div className="w-full h-full bg-secondary flex items-center justify-center">
-                        <span className="text-muted text-5xl font-['ADLaM_Display']">
-                            {book.title.charAt(0).toUpperCase()}
-                        </span>
-                    </div>
-                )}
-            </button>
+            {book.coverImage ? (
+                <img
+                    src={book.coverImage}
+                    alt={book.title || t("bookCard.noCoverAlt")}
+                    className="w-full h-full object-cover"
+                />
+            ) : (
+                <div className="w-full h-full bg-secondary flex items-center justify-center">
+                    <span className="text-muted text-5xl font-['ADLaM_Display']">
+                        {book.title.charAt(0).toUpperCase()}
+                    </span>
+                </div>
+            )}
 
             {isDesktop && syncStatus && (
                 <div className="absolute top-2 left-2 cursor-default" onClick={(e: React.MouseEvent): void => e.stopPropagation()}>