Feature: Smooth sidebar animation, fixed theme button clipping, moved import to profile menu, added custom webapp context menu, and polished TickTick style detail panel

src/components/tasks/TaskDetail.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 import React, { useState, useEffect, useCallback, useRef } from "react";
 import { useI18n } from "@/lib/i18n";
 import { Task } from "./TaskList";
@@ -7,6 +7,7 @@ import { MarkdownNoteEditor } from "./MarkdownNoteEditor";
 interface Props {
   task: Task;
   listId: string;
+  listName?: string;
   onClose: () => void;
   onUpdate: (t: Task) => void;
   onDelete: () => void;
@@ -18,6 +19,7 @@ interface Props {
 export function TaskDetail({
   task,
   listId,
+  listName,
   onClose,
   onUpdate,
   onDelete,
@@ -488,8 +490,13 @@ export function TaskDetail({
           )}
         </div>
 
-        {/* Footer Timestamp */}
-        <div style={{ fontSize: 11, color: "var(--text-tertiary)", display: "flex", justifyContent: "space-between" }}>
+        {/* Footer Info: Project Badge & Timestamp */}
+        <div style={{ fontSize: 11, color: "var(--text-tertiary)", display: "flex", justifyContent: "space-between", alignItems: "center", borderTop: "1px solid var(--border)", paddingTop: 8 }}>
+          {listName && (
+            <span className="tick-meta-chip" style={{ fontSize: 11, padding: "2px 8px" }}>
+              📁 {listName}
+            </span>
+          )}
           <span>
             {t("created")}:{" "}
             {new Date(task.createdAt).toLocaleDateString(lang === "ko" ? "ko-KR" : lang === "ja" ? "ja-JP" : "en-US", {