chore: Unused package and entire files

src/components/ui/HeaderContainer.tsx

@@ -1,21 +0,0 @@
-'use client';
-
-import { Header } from './Header';
-import { useTasks } from '@/hooks/useTasks';
-
-interface HeaderContainerProps {
-  title: string;
-  subtitle: string;
-}
-
-export function HeaderContainer({ title, subtitle }: HeaderContainerProps) {
-  const { syncing } = useTasks();
-
-  return (
-    <Header 
-      title={title}
-      subtitle={subtitle}
-      syncing={syncing}
-    />
-  );
-}

src/components/ui/TagList.tsx

@@ -1,95 +0,0 @@
-import { Tag } from '@/lib/types';
-
-interface TagListProps {
-  tags: (Tag & { usage?: number })[];
-  onTagEdit?: (tag: Tag) => void;
-  onTagDelete?: (tag: Tag) => void;
-  showActions?: boolean;
-  showUsage?: boolean;
-  deletingTagId?: string | null;
-}
-
-export function TagList({ 
-  tags, 
-  onTagEdit, 
-  onTagDelete, 
-  showActions = true,
-  deletingTagId
-}: TagListProps) {
-  if (tags.length === 0) {
-    return (
-      <div className="text-center py-12 text-slate-400">
-        <div className="text-6xl mb-4">🏷️</div>
-        <p className="text-lg mb-2">Aucun tag trouvé</p>
-        <p className="text-sm">Créez votre premier tag pour commencer</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
-      {tags.map((tag) => {
-        const isDeleting = deletingTagId === tag.id;
-        
-        return (
-        <div
-          key={tag.id}
-          className={`group relative bg-slate-800/50 rounded-lg border border-slate-700 hover:border-slate-600 transition-all duration-200 hover:shadow-lg hover:shadow-slate-900/20 p-3 ${
-            isDeleting ? 'opacity-50 pointer-events-none' : ''
-          }`}
-        >
-          {/* Contenu principal */}
-          <div className="flex items-center gap-3">
-            <div
-              className="w-5 h-5 rounded-full shadow-sm"
-              style={{ backgroundColor: tag.color }}
-            />
-            <div className="flex-1 min-w-0">
-              <div className="flex items-center justify-between">
-                <h3 className="text-slate-200 font-medium truncate">
-                  {tag.name}
-                </h3>
-                {tag.usage !== undefined && (
-                  <span className="text-xs text-slate-400 bg-slate-700/50 px-2 py-1 rounded-full ml-2 flex-shrink-0">
-                    {tag.usage}
-                  </span>
-                )}
-              </div>
-            </div>
-          </div>
-
-
-          {/* Actions (apparaissent au hover) */}
-          {showActions && (onTagEdit || onTagDelete) && (
-            <div className="absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
-              {onTagEdit && (
-                <button
-                  onClick={() => onTagEdit(tag)}
-                  className="h-7 px-2 text-xs bg-slate-800/50 backdrop-blur-sm border border-slate-700 hover:border-slate-600 hover:bg-slate-700/50 rounded-md transition-all duration-200 text-slate-300 hover:text-slate-200"
-                >
-                  ✏️
-                </button>
-              )}
-              {onTagDelete && (
-                <button
-                  onClick={() => onTagDelete(tag)}
-                  disabled={isDeleting}
-                  className="h-7 px-2 text-xs bg-slate-800/50 backdrop-blur-sm border border-slate-700 hover:border-red-500/50 hover:text-red-400 hover:bg-red-900/20 rounded-md transition-all duration-200 text-slate-300 disabled:opacity-50 disabled:cursor-not-allowed"
-                >
-                  {isDeleting ? '⏳' : '🗑️'}
-                </button>
-              )}
-            </div>
-          )}
-
-          {/* Indicateur de couleur en bas */}
-          <div 
-            className="absolute bottom-0 left-0 right-0 h-1 rounded-b-lg opacity-30"
-            style={{ backgroundColor: tag.color }}
-          />
-        </div>
-        );
-      })}
-    </div>
-  );
-}