✨ feat: Add local storage badge and update task management description for guest mode.

Author: bytevictor

app/components/SyncBadge.tsx

@@ -1,17 +1,34 @@
 import { useDriveContext } from "@/app/components/hooks/DriveHook";
-import { BadgeCheck, RefreshCw } from "lucide-react"; // Using BadgeCheck icon
+import { BadgeCheck, RefreshCw, HardDrive } from "lucide-react"; // Using HardDrive for local
 import { useLanguage } from "@/app/components/hooks/LanguageHook";
 
 export default function SyncBadge({
   showLabel = true,
 }: {
   showLabel?: boolean;
 }) {
-  const { isSyncing, user } = useDriveContext();
+  const { isSyncing, user, storageMode } = useDriveContext();
   const { t } = useLanguage();
 
   if (!user) return null;
 
+  if (storageMode === "guest") {
+    return (
+      <div className="flex items-center gap-2 transition-all duration-300">
+        {/* Mobile: Icon only, text-neutral/content */}
+        <div className="sm:hidden text-base-content/70 p-2">
+          <HardDrive className="w-6 h-6" />
+        </div>
+
+        {/* Desktop: Badge style - Neutral/Info */}
+        <div className="hidden sm:flex badge badge-neutral gap-2 p-3 font-medium shadow-sm">
+          <HardDrive className="w-4 h-4" />
+          {t("local_storage")}
+        </div>
+      </div>
+    );
+  }
+
   if (isSyncing) {
     return (
       <div className="flex items-center gap-2 transition-all duration-300">

app/components/hooks/LanguageHook.tsx

@@ -46,6 +46,8 @@ const translations: Record<Language, Record<string, string>> = {
     guest: "Guest",
     continue_guest: "Continue as Guest",
     guest_login_desc: "Your data is saved on this device only.",
+    manage_description_guest: "Your tasks are saved locally on this device.",
+    local_storage: "Local Storage",
   },
   es: {
     "app.title": "byteTasks",
@@ -62,6 +64,8 @@ const translations: Record<Language, Record<string, string>> = {
     "task.empty.subtitle": "¡Añade una arriba para empezar!",
     my_tasks: "Mis Tareas",
     manage_description: "Gestiona tus tareas sincronizadas con Google Drive.",
+    manage_description_guest:
+      "Tus tareas se guardan localmente en este dispositivo.",
     "theme.select": "Seleccionar Tema",
     "shortcuts.title": "Atajos de Teclado",
     "shortcuts.add": "Añadir Tarea",
@@ -76,6 +80,7 @@ const translations: Record<Language, Record<string, string>> = {
     guest: "Invitado",
     continue_guest: "Continuar como Invitado",
     guest_login_desc: "Tus datos se guardan solo en este dispositivo.",
+    local_storage: "Almacenamiento Local",
   },
 };
 

app/page.tsx

@@ -20,6 +20,7 @@ export default function Home() {
     handleGuestLogin,
     tasks,
     setTasks,
+    storageMode,
   } = useDriveContext();
   const { t } = useLanguage();
 
@@ -124,7 +125,9 @@ export default function Home() {
                       </h2>
                     </div>
                     <p className="text-base-content/60">
-                      {t("manage_description")}
+                      {storageMode === "guest"
+                        ? t("manage_description_guest")
+                        : t("manage_description")}
                     </p>
                   </div>
                   <TaskList